MeasureThat.net

Run results for: getElementById + querySelector vs querySelector

Go to the benchmark
Run details:
Mozilla/5.0 (Linux; Android 10; MAR-LX1A) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.181 Mobile Safari/537.36 (Ecosia android@88.0.4324.181)
Chrome Mobile 88
Android
Mobile
3 years ago
Test name Executions per second
selector 83573.7 Ops/sec
get and selector 968435.9 Ops/sec
HTML Preparation code:
​x
 
1
<body class="lang_pl">
2
        <div id="tutorials">
3
            <div class="avatar"></div>
4
            <div class="bubble">
5
                <div class="container"></div>
6
                <div class="controlls"></div>
7
            </div>
8
        </div>
9
        <div id=loading>
10
            <span id="_t1">...</span>
11
            <div class="progressbar"><div class="bar"></div></div>
12
            <div class="progressInfo"></div><div class="helptxt" id="_t2">...</div>
13
        </div>
14
        <div id=msg></div>
15
​
16
        <div id=staminashop>
17
            <div class=a1></div>
18
            <div style="text-align:center;" class=a2>
19
                <div id="_t3newWrapper"><b id="_t3new"></b></div>
20
                <span><b id="_t3"></b></span>
21
                <div class="stamina_pay_options">
22
                    <div class="st_pay_wrapper"><span id="st_pay_1"></span><button onclick="return staminaShopOptionChoose(1)" class="bal_pay_decrease active"></button><button onclick="return staminaShopOptionChoose(1, true)"  class="bal_pay_increase active"></button></div>
23
                    <div class="st_pay_wrapper"><span id="st_pay_2"></span><button onclick="return staminaShopOptionChoose(7)" class="bal_pay_decrease active"></button><button onclick="return staminaShopOptionChoose(7, true)"  class="bal_pay_increase active"></button></div>
24
                    <div class="st_pay_wrapper"><span id="st_pay_8"></span><button onclick="return staminaShopOptionChoose(30)" class="bal_pay_decrease active"></button><button onclick="return staminaShopOptionChoose(30, true)" class="bal_pay_increase active"></button></div>
25
                </div>
26
            </div>
27
            <!--<div class=a3><button id=p_pay class=bal_pay></button><button id=p_cancel onclick="return hideStaminaShop()" class=bal_cancel></button></div>-->
28
            <div class=a3><button id=p_cancel onclick="return hideStaminaShop()" class=bal_cancel></button></div>
29
        </div>
30
​
31
        <div id="upgradeclandepoalert">
32
            <div class=a1></div>
33
            <div style="text-align:center;" class=a2>
34
                <span><b id="upgrade_alert_str"></b></span>
35
                <div class="clan_depo_pay_options">
36
                    <div class="clan_depo_pay_wrapper"><span id="clan_depo_pay_1"></span><button id=clan_depo_opt_1 onclick="_g('clan&a=depo&op=upgrade&pay=z')" class="bal_pay active"></button></div>
37
                    <div class="clan_depo_pay_wrapper"><span id="clan_depo_pay_2"></span><button id=clan_depo_opt_2 onclick="_g('clan&a=depo&op=upgrade&pay=s')" class="bal_pay active"></button></div>
38
                </div>
39
            </div>
40
            <div class=a3><button id=clan_depo_cancel onclick="return hideUpgradeClanDepoAlert()" class=bal_cancel></button></div>
41
        </div>
42
​
43
​
44
        <div id=alert>
45
            <div class=a1></div>
46
            <div class=a2></div>
47
            <div class=a3><button id=a_ok class=bal_ok></button><button id=a_cancel class=bal_cancel></button></div>
48
        </div>
49
​
50
        <div id="captcha"></div>
51
​
52
        <div id="poll"></div>
53
​
54
        <div id="en_wnd" class="en-window-wrapper">
55
            <div class="header-wrapper">
56
                <div class="right-border"></div>
57
                <div class="left-border"></div>
58
                <div class="content">
59
                    <div class="header-text-wrapper" id="enwnd_header_txt"></div>
60
                </div>
61
                <div class="close-button"></div>
62
            </div>
63
            <div class="content-wrapper">
64
                <div class="background-wrapper">
65
                    <div class="border top"></div>
66
                    <div class="border bottom"></div>
67
                    <div class="border left"></div>
68
                    <div class="border right"></div>
69
                    <div class="corner top-left"></div>
70
                    <div class="corner top-right"></div>
71
                    <div class="corner bottom-left"></div>
72
                    <div class="corner bottom-right"></div>
73
                    <div class="background"></div>
74
                </div>
75
                <div class="content-inner" id="enwnd_content">
76
                    <div class="registration-wrapper">
77
                        <div class="header"><div class="mark-outer"><div class="mark"></div></div></div>
78
                        <div class="short-info">
79
                        </div>
80
                        <div class="main-container">
81
                        </div>
82
                    </div>
83
                </div>
84
            </div>
85
        </div>
86
​
87
​
88
        <div id=imgload>...</div>
89
​
90
        <div id="quest-log-window">
91
                <div class="quest-log-header"></div>
92
                <div class="quest-log-close-but"></div>
93
                <div class="quest-log-content">
94
                    <div class="quest-log-scroll questlist"></div>
95
                </div>
96
            </div>
97
        </div>
98
​
99
        <div id=dlgwin><div class=w1><div id=dlgtitle></div><div class=closebut onclick='$("#dlgwin").fadeOut("fast"); g.lock.remove("dialogalert"); g.qlogVisible = false;' rollover=22></div>
100
                <div class=w2></div></div></div>
101
        <div id=dropmenu><h3></h3><span id="_t4"></span><br>
102
            <button id="_t5" onclick="moveItemSafe($('#dropmenu').attr('iid'), 'st=-1'); $('#dropmenu').fadeOut()">...</button>
103
            <button id="_t6" onclick="moveItemSafe($('#dropmenu').attr('iid'), 'st=-2'); $('#dropmenu').fadeOut()">...</button>
104
            <button id="_t7" onclick='$("#dropmenu").fadeOut()'>...</button>
105
            <br><small id="_t8">...</small></div>
106
​
107
        <div id=config>
108
            <div class="conf-title"></div>
109
            <div id=cfg_options>
110
                <div opt=1 class="server-opt" id="opt1">...</div>
111
                <div opt=6 class="server-opt" id="opt6">...</div>
112
                <div opt=2 class="server-opt" id="opt2">...</div>
113
                <div opt=3 class="server-opt" id="opt3">...</div>
114
                <div opt=5 class="server-opt" id="opt5">...</div>
115
                <div opt=14 class="server-opt" id="opt14">...</div>
116
                <div opt=4 class="server-opt" id="opt4">...</div>
117
                <div opt=7 class="server-opt" id="opt7">...</div>
118
                <div opt=8 class="server-opt" id="opt8">...</div>
119
                <div opt=9 class="server-opt" id="opt9">...</div>
120
                <div opt=10 class="server-opt" id="opt10">...</div>
121
                <div opt=12 class="server-opt" id="opt12">...</div>
122
                <div opt=13 class="server-opt" id="opt13">...</div>
123
                <!--<div opt=150 class="local-opt" id="opt150">...</div>-->
124
                <div opt=16 class="server-opt" id="opt16">...</div>
125
            </div>
126
            <button class=changeClient onclick='changeClient()'></button>
127
            <div class="right-save-buts"><button class=save rollover=20 onclick='config_save()'></button><button class=cancel rollover=20 onclick='config_cancel()'></button></div>
128
        </div>
129
        <div id=match-details-wnd>
130
            <div class="match-details-title"></div>
131
            <!--<div id="match-details-title-txt"></div>-->
132
            <div id=match-details-txt></div>
133
            <div class=close-match-details-wrapper>
134
                <div class=close-match-details onclick="g.matchmaking.toggleDetailsWnd()"></div>
135
            </div>
136
​
137
        </div>
138
​
139
        <div id=loots>
140
            <div id=loots_header_label></div>
141
            <!--<div id=loots_l></div><div id=loots_r></div>-->
142
            <center><table><tr>
143
                </table></center>
144
            <button id=loots_button onclick=sendLoots(1,false)></button>
145
            <div id=loots_counter>-</div>
146
            <div id=loots_bag></div>
147
            <!--<video id="chest-video">-->
148
                <!--<source src="img/chest.m4v" type="video/x-m4v">-->
149
            <!--</video>-->
150
        </div>
151
​
152
        <!--<video id="chest-video">-->
153
        <!--<source src="video/chest.m4v" type="video/x-m4v">-->
154
        <!--</video>-->
155
​
156
        <div id=centerbox2>
157
            <div id="ni-promo"><div class="ni-button" onclick="changeClient()"></div></div>
158
            <div id="hieronim_button" onclick="shop_close(); _g('creditshop&npc=68689')"></div>
159
            <div id="lehim_button" onclick="shop_close(); showStaminaShop();"></div>
160
            <span id=corners>
161
                <img class="lt-hor" src="img/lt-hor.png">
162
                <img class="lt-ver" src="img/lt-ver.png">
163
                <img class="ld-hor" src="img/ld-hor.png">
164
                <img class="ld-ver" src="img/ld-ver.png">
165
                <img class="rt-hor" src="img/rt-hor.png">
166
                <img class="rt-ver" src="img/rt-ver.png">
167
                <img class="rd-hor" src="img/rd-hor.png">
168
                <img class="rd-ver" src="img/rd-ver.png">
169
                <img class="border-u" src="img/border-u.png">
170
                <img class="border-l" src="img/border-l.png">
171
                <img class="border-r" src="img/border-r.png">
172
                <img class="border-d" src="img/border-d.png">
173
            </span>
174
            <img src="img/le-orn1.gif" id=leorn1><img src="img/le-orn2.gif" id=leorn2>
175
            <img id=tutorial>
176
        </div>
177
        <div id=centerbox>
178
            <div id=base>
179
                <div id="bground">
180
                    <div id="stasis-overlay">
181
                        <dev class="stasis-overlay__caption">
182
                            <div class="stasis-overlay__title" data-trans="stasis"></div>
183
                            <div class="stasis-overlay__text">
184
                                <div class="stasis-overlay__text-inner"></div>
185
                                <div class="stasis-overlay__time"></div>
186
                            </div>
187
                        </dev>
188
                    </div>
189
                </div>
190
                <div id=ground onmousedown="return false">
191
                    <div id=target></div>
192
                    <div id="bubbledialog">
193
                        <div class="bg_layer">
194
                            <div class="top_frame"></div>
195
                            <div class="left_frame"></div>
196
                            <div class="right_frame"></div>
197
                            <div class="bottom_frame"></div>
198
                        </div>
199
                        <div class="content_layer">
200
                            <div class="inner">
201
                                <div class="container">
202
​
203
                                </div>
204
                            </div>
205
                        </div>
206
                    </div>
207
                </div></div>
208
            <div id="itemWaitBox"><div class="items-container"></div><div class="hoverbutton"></div></div>
209
            <div id=panel>
210
                <h1 id=nick></h1>
211
                <div id=new_event_calendar style="display: none;" tip='' onclick="_g('rewards_calendar&action=show');"></div>
212
                <div id="skillSwitch" onclick="g.skills.changeSet();" tip="..."></div>
213
                <div id=buttons>
214
                    <div id=b_quests tip='...' onclick='g.questLog.manageVisibility()'></div>
215
                    <div id=b_clans tip='...' onclick='clan_click()'></div>
216
                    <!--<div id=b_pvp tip='...' rollover=22 onclick='hero.togglePvp()'></div>-->
217
                    <div id=b_recipes tip='...' onclick='_g("craft&a=list")'></div>
218
                    <div id=b_config tip='...' onclick="config_show()"></div>
219
                    <div id=b_map tip='...' onclick='map.showMini()'></div>
220
                    <div id=b_skills tip='...' onclick='g.skills.show()'></div>
221
                    <div id=b_friends tip='...' onclick='_g("friends&a=show")'></div>
222
                    <!--<div id=b_addons tip='...' onclick="extManager.task('add_list')"></div>-->
223
                    <div id=b_matchmaking tip='...' onclick="g.matchmaking.show()"></div>
224
                </div>
225
                <div id=b_addons class=b_buttons tip='...' onclick="extManager.task('add_list')"></div>
226
                <div id=b_news class=b_buttons tip='...' onclick="showNews()"></div>
227
                <div id=b_help class=b_buttons tip='...' onclick="showHelp()"></div>
228
                <div id="b_pvp" onclick="hero.togglePvp()" tip="..."></div>
229
                <div id=bagc><div id=bag></div></div><div id=hlbag></div>
230
            </div>
231
            <!--<div id=premiumbut onclick="showPremiumPanel()"></div>-->
232
            <div id=premiumbut onclick="g.prePremium.showPrePremiumPanel()"></div>
233
            <!--<div id=helpbut onclick="showHelp()"></div>-->
234
            <div id=logoutbut onclick='logout()'></div>
235
​
236
            <div id=stats></div><div id=base3></div><div id=gold></div>
237
            <div id=exp1></div><div id=exp2></div> <div id=life1></div><div id=life2></div>
238
            <div id=pvpmode></div><div id=bottombar><div id=bottxt></div><input spellcheck="true" id=inpchat maxlength=200 autocomplete="off"></div><div id=botloc></div><div id=lagmeter tip='--ms'></div>
239
            <!--<div id="event_calendar_switch"></div>-->
240
            <div id="pvpStatMainBox"><div id="pvpIndicatorsListButton" onclick="_g('conquer')" tip=""></div><div class="bgLayer"></div><div id="pvpStatContainer"><div class="bar fall"><div class="indicator"></div></div><div class="bar raise"><div class="indicator"></div></div></div></div>
241
            <div id=bchat onclick="toggleChat()" tip="..."></div>
242
            <div id=chat>
243
                <div style="position:relative">
244
                    <!--<div id="chatMoveHandler">cm</div>!-->
245
                </div>
246
                <div id=chattabs><s id=chb0></s><s id=chb1></s><s id=chb2></s><s id=chb3></s></div>
247
                <div id=chattxt></div>
248
            </div>
249
            <center id=chathorror>
250
                <h2></h2><h3 id="_t9">...</h3>
251
                <input>
252
                <div style='margin-bottom:160px'></div>
253
                <button id="_t10" onclick=chatSendBad()>...</button>
254
                <button id="_t11" onclick=$('#chathorror').fadeOut()>...</button>
255
                <br><span id="_t12"></span>
256
            </center>
257
            <div id=youtube>
258
                <button id="_t13" onclick=hideMovie()></button> <button id="_t14" onclick=minimizeMovie()></button>
259
                <center></center></div>
260
​
261
            <div id=bookmarks>
262
                <div id=warn tip='' onclick="toggleConsole()"></div>
263
                <div id=bm_party tip='' onclick="partyToggle()"></div>
264
                <div id=bm_movie tip='' onclick="maximizeMovie()"></div>
265
                <div id=bm_register tip='' onclick="ingameRegistration.show()"></div>
266
            </div>
267
​
268
            <div id="pre-captcha"></div>
269
​
270
            <div id=console><div id=contxt>
271
                    Margonem console.<br>
272
                </div><input id=conin autocomplete="off"></div>
273
​
274
            <div id=party><p></p><img src="img/party-bottom.png"></div>
275
​
276
            <div id=dazed><div><img src="/img/dazed3.png"><br><span id=dazeleft></span></div></div>
277
            <div id=battle>
278
                <div tip="" onclick="battle_surrender();" id="surrenderBattleButton">Poddaj się</div>
279
                <div  tip="" onclick="if (ansgame.check()) return false; _g('fight&a=f'); $(this).fadeOut(); g.battle.nobut = true;" id="autobattleButton">Auto</div><div id=battlepanelback></div><div id=battlelog></div>
280
                <div id=battlepanel>
281
                    <b id=battlemana>0</b><b id=battleenergy>0</b>
282
                    <b id=battletimer>-</b>
283
                    <div id=battlehelp onclick="showDialog((_l() == 'en' ? 'en/' : '') + 'help-title.png', $('#h_battle').html())"></div>
284
                    <div id=battleclose onclick=canLeave()></div>
285
                    <small style='font-size:9px'></small>
286
                </div>
287
                <div class="border-b"></div>
288
            </div>
289
​
290
            <div id=dialog>
291
                <div class="borders"></div>
292
                <div id=dlgin>
293
                    <div class="message"></div>
294
                    <div class="replies" id="replies"></div>
295
                </div>
296
            </div>
297
​
298
            <div id=minimap>
299
                <div id=inmap></div><div id=inmap2wrapper><div id="inmap2"><img src=""><div id=hlmap></div><div id=maptip></div></div></div>
300
                <div id=mappanel>
301
                    <ul class=boxhover>
302
                        <!--<li onclick='$("#inmap2wrapper").fadeIn("fast"); setTimeout(function () {map.highlightMarker()}, 300)'>-->
303
                        <li onclick='$("#inmap2wrapper").fadeIn("fast"); map.highlightMarker()'>
304
                        <li onclick='$("#inmap2wrapper").fadeOut("fast");'>
305
                        <li onclick='$("#minimap").fadeOut("fast"); if (!$("#dialog").is(":visible")) g.lock.remove("minimap")'></ul>
306
                    <div id=maplist></div>
307
                    <input type=text id=mapfilter>
308
                </div>
309
            </div>
310
​
311
            <div id=addons>
312
                <div id="addon_search_div"><span></span> <input id="addon_search"/></div>
313
                <div id=add_list>
314
                    <h1 id="_t15"></h1>
315
                    <div class="add_list_menu">
316
                        <div class="menu_element" id="ad_opt_badged"></div>
317
                        <div class="menu_element" id="ad_opt_popular"></div>
318
                        <div class="menu_element" id="ad_opt_all"></div>
319
                        <div class="menu_element" class="active" id="ad_opt_unverified" style="display:none;"></div>
320
                    </div>
321
                    <div class="view_port"></div>
322
                </div>
323
                <div id=add_mine><h1 id="_t16"></h1><div class="view_port"></div></div>
324
                <div id=add_edit><h1 id="_t17"></h1><div class="view_port"></div></div>
325
                <div id=add_active><h1 id="h1_add_active"></h1><div class="view_port"></div></div>
326
                <div id=add_help><h1 id="_t21"></h1><div id="addon_help_txt"></div></div>
327
            </div>
328
            <div id=addonspanel>
329
                <ul class=boxhover>
330
                    <li onclick="extManager.task('add_list')">
331
                    <li onclick="extManager.task('add_mine')">
332
                    <li onclick="extManager.task('add_active')">
333
                    <li onclick="extManager.task('add_help')">
334
                    <li onclick="extManager.task('quit')"></ul>
335
            </div>
336
​
337
            <div id=newlvl onclick="$('#abilitypoints').fadeIn();"></div>
338
            <div id=abilitypoints>
339
                <div class=closebut onclick='$("#abilitypoints").fadeOut("fast")' rollover=22></div>
340
                <div id=qSpacer style='height:45px'></div>
341
                <b id=abpoints></b>
342
​
343
                <div id="strength-increase"></div>
344
                <div id="dexternity-increase"></div>
345
                <div id="intelect-increase"></div>
346
​
347
                <div class=ab1 onclick="_g('useab&a=str&cnt=1')"></div>
348
                <div class=ab1 style="top:178px" onclick="_g('useab&a=agi&cnt=1')"></div>
349
                <div class=ab1 style="top:243px" onclick="_g('useab&a=int&cnt=1')"></div>
350
                <div class=ab5 onclick="_g('useab&a=str&cnt=5')"></div>
351
                <div class=ab5 style="top:178px" onclick="_g('useab&a=agi&cnt=5')"></div>
352
                <div class=ab5 style="top:243px" onclick="_g('useab&a=int&cnt=5')"></div>
353
            </div>
354
​
355
​
356
            <div id=shop><span id=shop_store></span>
357
                <div id=for-you-plug></div><div id=for-you-txt></div>
358
                <div id=shop_buy></div><div id=shop_sell></div>
359
                <div id="for-you-plug-disabled">
360
                    <div id="for-you-disabled-text"></div>
361
                </div>
362
                <div id=shq0></div><div id=shq1></div><div id=shq2></div><div id=shq3></div><div id=shq4></div>
363
                <div id=shop_bilans></div><div id=shop_close onclick='shop_close()'></div>
364
                <div id=shop_accept onclick='shop_accept()'></div>
365
                <div id=shop_recover_items onclick='shop_recover_items()'></div>
366
                <span id=shop_desc></span><div id="sl_shop_banner" onclick="slShopOpen()"></div><div onclick="shop_close(); _g('creditshop&credits_gold=-1');" id="gold_shop_banner"></div></div>
367
            <div id="goldShop"><div class="header" id="_t40"></div><div class="options"></div><div class="sllink" onclick="slShopOpen(); return false;"></div><div class="closelink" onclick="hideGoldShop(); return false;"></div></div>
368
            <div id=friends>
369
                <div class=closebut onclick="$('#friends').fadeOut('fast'); g.lock.remove('friends')" rollover=22></div>
370
                <div id=frsort onclick="g.fredit = !g.fredit; _g('friends&a=show')"></div>
371
                <div id=myfriends></div><div id=mfadd><div id=fradd onclick="_g('friends&a=finvite&nick=' + $('#frname').val())"></div><input class=frinp id=frname></div>
372
                <div id=myenemies></div><div id=meadd><div id=enadd onclick="_g('friends&a=eadd&nick=' + $('#enname').val())"></div><input class=frinp id=enname></div>
373
            </div>
374
            <div id="mc-addon">
375
                <div class="mc-header">
376
                    <div class="nick-header"></div>
377
                </div>
378
                <div class="mc-body">
379
                    <div class="all-texts"></div>
380
                    <div class="times-of-mute"></div>
381
                    <div class="unmute"></div>
382
                </div>
383
            </div>
384
            <div id="smc-addon">
385
                <div class="question"></div>
386
                <div class="days"></div>
387
                <div id="ban-reason-label"></div>
388
                <div class="input-wrapper">
389
                    <input id="banday_reason" class="ban-reason default">
390
                </div>
391
                <div class="ban-btn"></div>
392
            </div>
393
            <div id="chests-window">
394
                <div class="chests-choice-wrapper"></div>
395
                <div class="close-chests-window"></div>
396
            </div>
397
            <div id="pre-premium-panel">
398
                <div id="pre-premium-header-txt"></div>
399
                <div class="tiles-wrapper"></div>
400
                <div class="close-pre-premium"></div>
401
            </div>
402
            <div id="premiumshop">
403
                <div class="items_wrapper"></div>
404
                <div class="sl_amount_ps">122</div>
405
                <div class="buymore_ps" onclick="slShopOpen();"></div>
406
                <div class="closebutton_ps" onclick="$('#premiumshop').hide();"></div>
407
                <div class="promocode_button" onclick="codeManager.showCodeInputWindow();"></div>
408
            </div>
409
            <div id="eventCallendar">
410
                <div class=closebut onclick="eventCalendar.close();" rollover=22></div>
411
                <div class="matrix">
412
                    <div class="week-switch cell previous">
413
                        <div class="inner-cell"></div>
414
                    </div>
415
                    <div class="week-switch cell next">
416
                        <div class="inner-cell"></div>
417
                    </div>
418
                    <div class="days-wrapper">
419
​
420
                    </div>
421
                </div>
422
                <div class="controlls">
423
                    <div class="date-display"></div>
424
                    <div class="month-switcher">
425
                        <div class="month-switch previous"></div>
426
                        <div class="month-switch next"></div>
427
                        <div class="month-display"></div>
428
                    </div>
429
                </div>
430
            </div>
431
​
432
            <div id="adventCallendar">
433
                <div class="header">
434
                    <div class="content">
435
                        <div class="header-text-wrapper" id="advent_header_txt"></div>
436
                    </div>
437
                    <div class="close-button" onclick="adventCallendar.close()"></div>
438
                </div>
439
                <div class="windows-wrapper">
440
​
441
                </div>
442
            </div>
443
​
444
            <div id=clanbox class=clan></div>
445
            <div id=clanmenu class=clan>
446
                <ul class=boxhover>
447
                    <!--<li onclick="$('#clanbox').html(g.clanlist)">-->
448
                    <li                   onclick="newClanList()">                      <span class="gfont" name="clan-list-item-menu"           id="clan-list-item-menu"           ></span></li>
449
                    <li class= 'disabled' onclick="if (g.clan) clanOfficial()">                     <span class="gfont" name="clan-official-page-item-menu"  id="clan-official-page-item-menu"  ></span></li>
450
                    <li class= 'disabled' onclick="if (g.clan) clanPriv()">                         <span class="gfont" name="clan-private-page-item-menu"   id="clan-private-page-item-menu"   ></span></li>
451
                    <li class= 'disabled' onclick="if (g.clan) clanRecruit()">                      <span class="gfont" name="clan-recruit-item-menu"        id="clan-recruit-item-menu"        ></span></li>
452
                    <li class= 'disabled' onclick="if (g.clan) _g('clan&a=members')">                   <span class="gfont" name="clan-members-item-menu"        id="clan-members-item-menu"        ></span></li>
453
                    <li class= 'disabled' onclick="if (g.clan) clanTreasury()">                     <span class="gfont" name="clan-treasure-item-menu"       id="clan-treasure-item-menu"       ></span></li>
454
                    <li class= 'disabled' onclick="if (g.clan) clanManage()">                           <span class="gfont" name="clan-manage-item-menu"         id="clan-manage-item-menu"         ></span></li>
455
                    <li class= 'disabled' onclick="if (g.clan) _g('clan&a=dipl')">                  <span class="gfont" name="clan-diplomacy-item-menu"      id="clan-diplomacy-item-menu"      ></span></li>
456
                    <li class= 'disabled' onclick="if (g.clan) clanHistory(true)">                  <span class="gfont" name="clan-history-item-menu"        id="clan-history-item-menu"        ></span></li>
457
                    <li class= 'disabled' onclick="if (g.clan) _g('clan&a=quests_show')">               <span class="gfont" name="clan-quests-item-menu"         id="clan-quests-item-menu"         ></span></li>
458
                    <li class= 'disabled' onclick="if (g.clan) _g('clan&a=skills_show')">               <span class="gfont" name="clan-skills-item-menu"         id="clan-skills-item-menu"         ></span></li>
459
                    <li                   onclick="$('.clan').fadeOut(); g.lock.remove('clans');">  <span class="gfont" name="clan-close-item-menu"          id="clan-close-item-menu"          ></span></li>
460
                </ul>
461
                <div id="create_new_clan" onclick=_g('clan&a=create')></div>
462
            </div>
463
            <div id=clanFilter></div>
464
​
465
            <!--<div id="matchmaking-summary">-->
466
                <!--<div class="header-wrapper">-->
467
                    <!--<div class="graphic"></div>-->
468
                    <!--<div class="edit-header-label"></div>-->
469
                <!--</div>-->
470
                <!--<div class="middle-graphics"></div>-->
471
​
472
                <!--<div class="summary-content">-->
473
                    <!--<div class="result-panel">-->
474
                        <!--<div class="your-side">-->
475
                            <!--<div class="your-result"></div>-->
476
                            <!--<div class="your-name-and-level"></div>-->
477
                            <!--<div class="your-prof"></div>-->
478
                            <!--<div class="your-pr"></div>-->
479
                        <!--</div>-->
480
                        <!--<div class="middle-side">-->
481
                            <!--<div class="middle-wrapper">-->
482
                                <!--<div class="avatars-info-wrapper">-->
483
                                    <!--<div class="your-outfit-wrapper">-->
484
                                        <!--<div class="out-icon"></div>-->
485
                                    <!--</div>-->
486
                                    <!--<div class="vs-img-wrapper">-->
487
                                        <!--<div class="vs-img"></div>-->
488
                                    <!--</div>-->
489
                                    <!--<div class="enemy-outfit-wrapper">-->
490
                                        <!--<div class="out-icon"></div>-->
491
                                    <!--</div>-->
492
                                <!--</div>-->
493
                            <!--</div>-->
494
                            <!--<div class="pr-change"></div>-->
495
                            <!--<div class="arrow"></div>-->
496
                        <!--</div>-->
497
                        <!--<div class="enemy-side">-->
498
                            <!--<div class="enemy-result"></div>-->
499
                            <!--<div class="enemy-name-and-level"></div>-->
500
                            <!--<div class="enemy-prof"></div>-->
501
                            <!--<div class="enemy-pr"></div>-->
502
                        <!--</div>-->
503
                    <!--</div>-->
504
                    <!--<div class="progress-points">-->
505
                        <!--<div class="progress-points-val"></div>-->
506
                    <!--</div>-->
507
                    <!--<div class="current-stage"></div>-->
508
                    <!--<div class="price-info" data-trans="#price_info#matchmaking"></div>-->
509
                <!--</div>-->
510
                <!--<div class="bottom-panel-graphics">-->
511
                    <!--<div class="tokens-amount"></div>-->
512
                    <!--<div class="close-wrapper"></div>-->
513
                <!--</div>-->
514
            <!--</div>-->
515
​
516
            <div id=trade>
517
                <div id="tradebg"></div>
518
                <div id=tradeground><div id=mytrader></div><div id=trader2></div><div id="trade_protection_info"></div>
519
                    <div id=mytr_items></div><div id=tr2_items></div>
520
                    <div id=mytr_sitems></div><div id=tr2_sitems></div>
521
                    <div id=mytr_value>0</div><div id=tr2_value>0</div>
522
                    <input id=mytr_gold tip='' onblur="$('#mytr_gold').val(round(g.trade.mygold, 2))"><div id=tr2_gold>0</div>
523
                    <button id=tradeaccept onclick=tradeAccept()></button><button id=tradeaccept2></button>
524
                    <button id=tradecancel onclick=tradeCancel()></button></div>
525
            </div>
526
​
527
            <div id=mails>
528
                <div class=closebut onclick=hideMails() rollover=22 style='margin-top:5px'></div>
529
                <div id=inbox></div>
530
            </div>
531
            <div id=mailnotifier></div>
532
​
533
            <div id=auctions>
534
                <div id=ahtitle><div class=closebut onclick=auctionsHide() rollover=22 style="margin-top:4px"></div></div>
535
                <div id=ahselect>
536
                    <b onclick='ah_select(0, this)' id=b_myah></b>
537
                    <div id="au0" style='color:yellow; border-bottom:1px solid #4c6139; padding:0 0 2px 2px; margin-right:4px'></div>
538
                    <b id="au1" onclick='ah_select(1, this)'></b>
539
                    <b id="au2" onclick='ah_select(2, this)'></b>
540
                    <b id="au3" onclick='ah_select(3, this)'></b>
541
                    <b id="au4" onclick='ah_select(4, this)'></b>
542
                    <b id="au5" onclick='ah_select(5, this)'></b>
543
                    <b id="au6" onclick='ah_select(6, this)'></b>
544
                    <b id="au7" onclick='ah_select(7, this)'></b>
545
                    <b id="au8" onclick='ah_select(8, this)'></b>
546
                    <b id="au9" onclick='ah_select(9, this)'></b>
547
                    <b id="au10" onclick='ah_select(10, this)'></b>
548
                    <b id="au11" onclick='ah_select(11, this)'></b>
549
                    <b id="au12" onclick='ah_select(12, this)'></b>
550
                    <b id="au13" onclick='ah_select(13, this)'></b>
551
                    <b id="au14" onclick='ah_select(14, this)'></b>
552
                    <b id="au15" onclick='ah_select(15, this)'></b>
553
                    <b id="au16" onclick='ah_select(16, this)'></b>
554
                    <b id="au21" onclick='ah_select(21, this)'></b>
555
                    <b id="au22" onclick='ah_select(22, this)'></b>
556
                    <b id="au23" onclick='ah_select(23, this)'></b>
557
                    <b id="au99" onclick='ah_select(99, this)'></b>
558
                </div>
559
                <div id=ah_window>
560
                    <div class=redback>
561
                        <span style='color:yellow' id="_t23"></span><br>
562
                        <span id="_t24"></span>
563
                        <div id=ah_new>
564
                            <div style=" margin:5px 0px; width:295px;float:left;">
565
                                <div class=itemcont>
566
                                    <div id=ah_item class=ahitem></div>
567
                                </div>
568
                                <label for="ah_price" id="_24_2"></label>
569
                                <input id=ah_price>
570
                                <label for="ah_bo" id="_t25"></label>
571
                                <input id=ah_bo>
572
                                <br><label for="ah_time" id="_t26"></label>
573
                                <input id=ah_time>h
574
                            </div>
575
                            <button onclick=ah_sellItem() class=new_s></button>
576
                            <div style="clear:both;">
577
                                <small></small>
578
                                <center style='color:yellow'><span id="_t27"></span><b id=ah_gl></b></center>
579
                            </div>
580
                        </div>
581
                        <div id=ah_new-s>
582
                            <div style=" margin:5px 0px; width:295px;float:left;">
583
                                <div class=itemcont><div id=ah_item-s class=ahitem></div></div>
584
                                <span id="_t28"></span>
585
                                <span id="au_unbind_price"></span>
586
                                <span id="_t29"></span>
587
                                <div class="gold_txt special_gold">
588
                                    <label for="ah_price_special" id="_t41" onclick="toggleAuxGoldAuction()"></label>
589
                                    <div id="ah_price_special_hidden"><input id=ah_price_special placeholder=""/>*</div>
590
                                </div>
591
                                <div class="gold_txt special_gold_info" id="_t43"></div>
592
                            </div>
593
​
594
                            <button onclick=ah_sellItemS() class=new_s></button>
595
                            <div style="clear:both;">
596
                                <small id="_t30"></small>
597
                                <small id="_t42"></small>
598
                            </div>
599
                        </div>
600
                    </div><div class=sep></div>
601
                    <div id=ah_mylist></div>
602
                </div>
603
                <div id=ah_list></div>
604
            </div>
605
​
606
            <div id=calendar-wrapper></div>
607
​
608
            <div id=depo>
609
                <div id=depo-title><div class=closebut onclick=depoHide() rollover=22 style="margin-top:4px"></div></div>
610
                <div id=depo-back></div>
611
                <div id=depo-right>
612
                    <span id="depo-txt-rent"></span> <b style='color:#fffefe' id=depo-time></b><br>
613
                    <button onclick="$('#depo-buttons').toggle()" id=depo-toggle></button><br>
614
                    <div id=depo-buttons style='display:none'>
615
                        <div class="infotxtdepo private-section">
616
                            <span class="shadowed" id="_t31"></span>
617
                            <span class="next_renew" style="display:none;">
618
                                <span id="_t32"></span>
619
                                <span class="date" style="color:white; font-weight:bold; background-color:#080"></span><br />
620
                            </span>
621
                            <button onclick="depoPay('s')" id=depo-pays></button>
622
                            <button onclick="depoPay('z')" id=depo-payz></button><br>
623
                            <button onclick=depoDel() id=depo-del></button>
624
                        </div>
625
                        <div class="infotxtdepo clan-section">
626
                            <!-- generated in engine.js !-->
627
                        </div>
628
                    </div>
629
                </div>
630
                <div id="depo-sections"></div>
631
                <div id=depo-balance><span id="db_txt"></span><b style='color:#fffefe'>0m</b></div>
632
                <div id=depo-gold><input maxLength=6>m</div>
633
                <button id=depo-goldin onclick=depoGoldin()></button>
634
                <button id=depo-goldout onclick=depoGoldout()></button>
635
                <div id="depo-items-wrapper">
636
                    <div id=depo-items></div>
637
                </div>
638
            </div>
639
            <div id=skills>
640
                <div id=skills_title>
641
                    <div id=skillcount></div>
642
                    <div id="skillInBattleCount"></div>
643
                    <div class="skillUseInBattleInfo"></div>
644
                    <div class="freeSkillsLabel"></div>
645
                    <div class=closebut onclick=g.skills.hide() rollover=22 style="margin-top:4px"></div>
646
                </div>
647
                <div id="skills_body"></div>
648
                <div id="skills_footer">
649
                    <div id="bm-label1"></div>
650
                    <div class="info-bm-icon info-icon"></div>
651
                    <div id="bm-label2"></div>
652
                    <div class="bm-edit-button"></div>
653
                    <div class="bm-icon"></div>
654
                </div>
655
            </div>
656
​
657
            <div id=bm_edit_panel_container>
658
                <div id=bm_edit_panel_holder>
659
                    <div id=bm_edit_panel>
660
                        <div id="bm_skill_table_wrapper">
661
                            <table id="bm_skill_table"></table>
662
                        </div>
663
                        <div id="bm_rpt_switch_wrapper">
664
                            <div id="bm_rpt_switch"></div>
665
                            <div class="label">Powtarzaj</div>
666
                        </div>
667
                        <div class="bm-opt-list">
668
                            <ul class="boxhover">
669
                                <li><span id="add-normal-attack" class="gfont" name="add-normal-attack-bm"></span></li>
670
                                <li><span id="clear-bm-list"        class="gfont" name="clear-bm-list"></span></li>
671
                                <li><span id="save-and-close-bm" class="gfont" name="save-and-close-bm"></span></li>
672
                            </ul>
673
                        </div>
674
                    </div>
675
                </div>
676
            </div>
677
​
678
            <div id=books>
679
                <div id=books_title><span class=closebut onclick="$('#books').fadeOut()" rollover=22 style="margin-top:4px"></span></div>
680
                <div id=book_c></div><div id=book_t></div>
681
​
682
                <div id=book_flores></div>
683
                <div id=book_p></div>
684
                <div id=book_prev onclick=bookPage(-1)></div><div id=book_next onclick=bookPage(1)></div>
685
            </div>
686
​
687
            <div id=rooms>
688
                <div id=rooms_title><div class=closebut onclick="$('#rooms').fadeOut(null, function() {g.lock.remove('motel');});" rollover=22 style="margin-top:4px"></div></div>
689
                <div id=rooms_c></div>
690
            </div>
691
​
692
            <div id="recipes">
693
                <div class="recipe-list-label"></div>
694
                <div class="recipe-list-search">
695
                    <input class="search" placeholder="Szukaj">
696
                </div>
697
                <div class="recipe-header"></div>
698
                <div class="receipe-list"></div>
699
                <div class="choose-recipe">
700
                    <div class="reagent-list-label"></div>
701
                    <div class="recipe-wrapper"></div>
702
                </div>
703
                <input class="start-lvl" val=""/>
704
                <input class="stop-lvl" val=""/>
705
                <select class="choose-item-type"></select>
706
                <select class="choose-prof"></select>
707
                <div class="close-but"></div>
708
            </div>
709
​
710
            <div id="barter-window">
711
​
712
            </div>
713
​
714
            <div id="item-changer-group">
715
​
716
            </div>
717
            <div id="tp-scroll"></div>
718
​
719
            <div id="choose-outfit"></div>
720
​
721
            <div style='display:none'>
722
                <div id=h_help>
723
                    <div id="h_help_scrolled" style="padding:0px 10px; margin:10px 0px; font-size:0.8em;height:400px;overflow:hidden;"><strong style="color:#400; font-size:16px;" id="_t37"></strong><br />
724
                        <span id="_t38"></span></div>
725
                </div>
726
                <div id=h_battle>
727
                    <div id="_t39"style="padding:10px;">
728
​
729
                    </div>
730
                </div>
731
            </div>
732
​
733
            <div id=ver></div>
734
        </div>
735
        <div id=hmenu></div>
736
    </body>
Tests:

  • selector

     
    document.querySelector('#abilitypoints .closebut')

  • get and selector

     
    document.getElementById('abilitypoints').querySelector('.closebut')