我在以下代码中遇到错误。如果选择了元素,我正在尝试获取 id id05
的值(选择的类是选择的元素(。
.HTML:
<ul id="items" class="clearfix">
<!-- ---------- this item is selected --------------- -->
<li class="item folder selected">
<a href="/t1/">
<!-- -------this is the element whose innerTEXT i want ----------- -->
<span id="id05" class="label" title="t1">t1</span>
</a>
</li>
<!-- ---------- this item is also selected --------------- -->
<li class="item folder page selected">
<a href="/upl/" target="_blank">
<!-- -------this is the element whose innerTEXT i want ----------- -->
<span id="id05" class="label" title="upl">upl</span>
</a>
</li>
<!-- ---------- this item is not selected --------------- -->
<li class="item file">
<a href="Ff.html/" target="_blank">
<span id="id05" class="label" title="Ff.html">Ff.html</span>
</a>
</li>
</ul>
.JS:
function del() {
var name;
var nam = document.querySelectorAll(".selected");
for (var i = 0; i < nam.length; i++) {
name = document.getElementById("id05")[i].innerText; //Here is the error
}
console.log(name);
}
控制台.log - 未捕获的类型错误:无法读取未定义的属性"内部文本">
试试这个:
.HTML:
<ul id="items" class="clearfix">
<li class="item folder selected">
<a href="/t1/">
<span class="label" title="t1">t1</span>
</a>
</li>
<li class="item folder page selected">
<a href="/upl/" target="_blank">
<span class="label" title="upl">upl</span>
</a>
</li>
<li class="item file">
<a href="Ff.html/" target="_blank">
<span class="label" title="Ff.html">Ff.html</span>
</a>
</li>
</ul>
Javascript:
function del(){
var selected = document.querySelectorAll("li.selected span");
selected.forEach(item => {
console.log(item.innerText);
// Do what you need to each item here
});
}
我刚刚删除了 id 并在查询选择器中定位了子跨度。