前端大神，我不懂這兩個(gè)js有什么不同？

Html/CSS Html5 JavaScript

舞動(dòng)的指尖 2016-10-03 22:28:58

這是第一個(gè)window.onload=function(){(function createTag(){//動(dòng)態(tài)創(chuàng)建b標(biāo)簽 var label; var li=document.getElementById("checkList").getElementsByTagName("li"); for(var i=0;i<li.length;i++){ label=li[i].getElementsByTagName("label"); var bTag=document.createElement("b"); li[i].insertBefore(bTag,label[0]); } })()}</script>----------------------------------------------------這是第二個(gè)window.onload=function(){var li=document.getElementById("checkList").getElementsByTagName("li");(function createTag(){//動(dòng)態(tài)創(chuàng)建b標(biāo)簽 var label; for(var i=0;i<li.length;i++){ label=li[i].getElementsByTagName("label"); var bTag=document.createElement("b"); li[i].insertBefore(bTag,label[0]); } })()}</script>--------------------------------第一個(gè)可以創(chuàng)建b標(biāo)簽，第二個(gè)不行，為什么呢？第二個(gè)拿出來(lái)定義是因?yàn)槲液竺婧瘮?shù)還得用。。。

查看完整描述

1 回答

stone310

TA貢獻(xiàn)361條經(jīng)驗(yàn) 獲得超191個(gè)贊

這里看這個(gè)li變量放哪里都沒(méi)有問(wèn)題的，自己測(cè)試了一遍可以添加啊，你的JS還有沒(méi)有其他內(nèi)容

<!doctype>
<html>
<head>
</head>
<body>
<div?id='checkList'>
????<li>
????????<label>111111</label>
????</li>
????<li>
????????<label>222222</label>
????</li>
????<li>
????????<label>333333</label>
????</li>
</div>
</body>
<script?type='text/javascript'>
????window.onload?=?function?()?{
????????var?li?=?document.getElementById("checkList").getElementsByTagName("li");
????????(function?createTag()?{//動(dòng)態(tài)創(chuàng)建b標(biāo)簽
????????????var?label;
????????????for?(var?i?=?0;?i?<?li.length;?i++)?{
????????????????label?=?li[i].getElementsByTagName("label");
????????????????var?bTag?=?document.createElement("b");
????????????????li[i].insertBefore(bTag,?label[0]);
????????????}
????????})()
????}
</script>
</html>

反對(duì) 回復(fù) 2016-10-03

舞動(dòng)的指尖
<script> window.onload=function(){ (function createTag(){//動(dòng)態(tài)創(chuàng)建b標(biāo)簽 var label; var li=document.getElementById("checkList").getElementsByTagName("li"); for(var i=0;i<li.length;i++){ label=li[i].getElementsByTagName("label"); var bTag=document.createElement("b"); li[i].insertBefore(bTag,label[0]); } })() (function checklist(){ var li=document.getElementById("checkList").getElementsByTagName("li"); for(var i=0;i<li.length;i++){ li[i].onclick=function(){ if(this.className=="selected"){ this.className=null; }else{ this.className="selected" } } } })() } </script>

回復(fù) 2016-10-04
舞動(dòng)的指尖
<div class="typeList"> <form action="#" method="post" name="typeList" > <ul id="checkList"> <li class="selected"><input type="checkbox" name="typeList" id="aaa" /><label for="aaa"></label>aaa</li> <li><input type="checkbox" name="typeList" id="bbb" /><label for="bbb"></label>bbb</li> <li><input type="checkbox" name="typeList" id="ccc" /><label for="ccc"></label>ccc</li> <li><input type="checkbox" name="typeList" id="ddd" /><label for="ddd"></label>ddd</li> <li><input type="checkbox" name="typeList" id="eee" /><label for="eee"></label>eee</li> <li><input type="checkbox" name="typeList" id="fff" /><label for="fff"></label>fff</li> <li><input type="checkbox" name="typeList" id="ggg" /><label for="ggg"></label>ggg</li> <li><input type="checkbox" name="typeList" id="hhh" /><label for="hhh"></label>hhh</li> <li><input type="checkbox" name="typeList" id="iii" /><label for="iii"></label>iii</li> </ul> </form> </div>

回復(fù) 2016-10-04
stone310
用了你發(fā)的代碼，<b>都能創(chuàng)建，跟變量放在內(nèi)部很放在外部沒(méi)有關(guān)系；有個(gè)小問(wèn)題，你這里點(diǎn)擊<li>，class并不會(huì)改變，當(dāng)你寫(xiě)多個(gè)(function(){})();?自執(zhí)行函數(shù)時(shí)，一定記得在每一個(gè)的最后結(jié)尾處加上“;”，否則系統(tǒng)會(huì)識(shí)別不了，然后報(bào)錯(cuò)，后續(xù)的就無(wú)法執(zhí)行了；

回復(fù) 2016-10-04

1 回答
0 關(guān)注
1366 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

前端大神，我不懂這兩個(gè)js有什么不同？

前端大神，我不懂這兩個(gè)js有什么不同？

1 回答

相關(guān)問(wèn)題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

前端大神，我不懂這兩個(gè)js有什么不同？

前端大神，我不懂這兩個(gè)js有什么不同？

1 回答

相關(guān)問(wèn)題推薦

添加回答

前端大神，我不懂這兩個(gè)js有什么不同？

前端大神，我不懂這兩個(gè)js有什么不同？