我在這里想要實(shí)現(xiàn)的是將<li></li>（在<ol></ol>默認(rèn)類型下）的索引值顯示到<p></p>（可以是多個(gè)之一，很可能只有一個(gè)）在里面。我的初始代碼：<ol> <li> <p>First p element in div.</p> </li> <li> <span>Second p</span> </li> <li> <p>A third p element in div.</p> </li> <li> <p>A fourth p element in div.</p> </li></ol>腳本：<script> var x = document.getElementsByTagName('li'); var y = document.getElementsByTagName('p'); for(var j = 0; j < x.length; j++){ for(var k = 0; k < y.length; k++) { if(x[j].index == y[k].index){ y[j].innerHTML = j+1; } } }</script>輸出：1.12.Second p3.24.3預(yù)期輸出：1.12.Second p3.34.4
2 回答
紫衣仙女
TA貢獻(xiàn)1839條經(jīng)驗(yàn) 獲得超15個(gè)贊
我建議使用querySelectorAll而不是getElementsByTagName- 更精確。那么不要獲取p文檔中的所有元素；只需獲取每個(gè)中的所有p元素即可li。可能是一種更優(yōu)雅的方法來(lái)做到這一點(diǎn)，但嵌套循環(huán)方法有效：
var li = document.querySelectorAll('ol li');
for(var i = 0; i < li.length; i++) {
var p = li[i].querySelectorAll('p');
for(var j = 0; j < p.length; j++) {
p[j].innerHTML = i + 1;
}
}
<ol>
<li>
<p>First p element in div.</p>
</li>
<li>
<span>Second p</span>
</li>
<li>
<p>A third p element in div.</p>
</li>
<li>
<p>A fourth p element in div.</p>
</li>
</ol>
翻翻過(guò)去那場(chǎng)雪
TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊
在您的代碼中，x[j].index 和 y[k].index 均未定義。當(dāng)這種情況發(fā)生時(shí)，您預(yù)計(jì)會(huì)發(fā)生什么？
- 2 回答
- 0 關(guān)注
- 154 瀏覽
添加回答
舉報(bào)
0/150
提交
取消