如何获得内部使用queryselector标签元素?

问题描述 投票:2回答:4
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 ????

javascript list typescript htmlelements
4个回答
2
投票

终于想出了解决方案。我们可以从使用的getElementById获取用户“ID”,然后它的简单适用的查询选择。

的document.getElementById(ID).querySelectorAll( 'UL利');


0
投票

你需要先学习querySelectorAll

基本语法

elementList = document.querySelectorAll(selectors);

你的情况

elementList = document.querySelectorAll(div ul li);

这里是有帮助的links


0
投票

使用divElement.querySelectorAll('ul li')如果你仍然有机会获得divElementdocument.querySelectorAll('div ul li')没有访问。

注意怎么没有点。 .是使用在CSS类。对于元素,您只需使用标签名。

divElement是您在JS创建的元素的引用,但它的CSS选择器divdivElement。 JS名变量不能选择字符串中使用。

关于这个问题querySelectorAll dochow css selectors work好读


0
投票

你可以得到由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>
© www.soinside.com 2019 - 2024. All rights reserved.