var divElement = document.createElement("div");
divElement.setAttribute('id', 'Items');
var ulElement = document.createElement("ul");
var liElement = document.createElement("li");
var spanElement1 = document.createElement("span");
var spanElement2 = document.createElement("span");
liElement.appendChild(spanElement1);
liElement.appendChild(spanElement2);
ulElement.appendChild(liElement);
当我输入选择查询,我不能得到的元素。
document.querySelectorAll( “UL的DivElement利”);应该给 document.querySelectorAll( “#产品通过了UL李”);
但它不工作,如何在运行时获取的ID ????
终于想出了解决方案。我们可以从使用的getElementById获取用户“ID”,然后它的简单适用的查询选择。
的document.getElementById(ID).querySelectorAll( 'UL利');
你需要先学习querySelectorAll
基本语法
elementList = document.querySelectorAll(selectors);
你的情况
elementList = document.querySelectorAll(div ul li);
这里是有帮助的links
使用divElement.querySelectorAll('ul li')
如果你仍然有机会获得divElement
或document.querySelectorAll('div ul li')
没有访问。
注意怎么没有点。 .
是使用在CSS类。对于元素,您只需使用标签名。
divElement
是您在JS创建的元素的引用,但它的CSS选择器div
不divElement
。 JS名变量不能选择字符串中使用。
你可以得到由id元素,然后使用查询选择像这样:console.log(document.getElementById('details').querySelectorAll('ul li'))
<ul id="details"> == $0
<li>
<span>
<label>TEST</label>
<p>GEORGE</p>
</span>
</li>
<li>
<span>
<label>TEST_TWO</label>
<p>2131</p>
</span>
</li>
</ul>