javascript document.querySelectorAll

Emelio Steve Malisa 发表于 Dev

埃米利奥·史蒂夫·玛莉莎

我在这里尝试做的是使用JS修改元素并添加属性（类）。

JS脚本

  var x = document.querySelectorAll(".clearfix div");
  x[0].setAttribute("class", "regDesign");
  x[1].setAttribute("class", "regDesign");

HTML默认格式

<div class="clearfix">
<div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    a lot of divs here
</div>
<div>
    <div></div>
    <div></div>
    <div></div>
    a lot of divs here
</div>
</div>

HTML结果

<div class="clearfix">
    <div class="regDesign">
        <div class="regDesign"></div>
    </div>  
    <div>
        <div></div>
    </div>
</div>

所需的HTML结果

<div class="clearfix">
    <div class="regDesign">
        <div></div>
    </div>  
    <div class="regDesign">
        <div></div>
    </div>
</div>

谢谢你的帮忙。

马杰德·巴达维（Majed Badawi）

您可以按如下方式修改选择器：

var x = document.querySelectorAll(".clearfix > div");
x[0].setAttribute("class", "regDesign");
x[1].setAttribute("class", "regDesign");

console.log(document.getElementsByClassName("clearfix")[0].innerHTML);

<div class="clearfix">
    <div>
        <div></div>
    </div>  
    <div>
        <div></div>
    </div>
</div>

您可以在这里阅读更多内容。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-01-25

我来说两句

0条评论

登录后参与评论

来自分类Javascript

jQuery与document.querySelectorAll

来自分类Dev

替换 document.querySelectorAll

来自分类Dev

document.querySelectorAll（''）如何运作？

来自分类Dev

浏览器 IE11 JavaScript 让 [...document.querySelectorAll 语法错误

来自分类Dev

document.querySelectorAll立即获取所有选定元素的innerText纯javascript

来自分类Dev

无法在javascript / jquery中使用Document.querySelectorAll（）获得适当的值或元素

来自分类Dev

Javascript querySelectorAll（'*'）返回格式

来自分类Dev

表单提交后的document.querySelectorAll

来自分类Dev

如何document.querySelectorAll（）仅检查项目

来自分类Dev

Javascript querySelectorAll未定义

来自分类Dev

document.querySelectorAll和document.getElementsByClassName事件处理

来自分类Dev

Sizzle和document.querySelectorAll有什么区别

来自分类Dev

從 document.querySelectorAll 獲取兩個項目

来自分类Dev

使用querySelectorAll选择与document.URL匹配的所有href？

来自分类Javascript

为什么document.querySelectorAll返回StaticNodeList而不是真正的Array？

来自分类Javascript

为document.querySelectorAll做一个简短的别名

来自分类Dev

在Linekdin.com。document.querySelectorAll（“ .className”）不起作用

来自分类Javascript

如何使用document.querySelectorAll遍历选定的元素

来自分类Dev

为什么“document.querySelectorAll”只针对直系孩子？

来自分类Dev

带有 document.querySelectorAll 的多个选择器

来自分类Dev

使用document.querySelectorAll通过CasperJS获取textContent

来自分类Dev

触发变更事件或修复querySelectorAll / document.getElementsByClass名称

来自分类Dev

document.querySelectorAll（不止一个数据集）;

来自分类Dev

如何从 document.querySelectorAll() 正确循环遍历 NodeList？

来自分类Dev

document.querySelectorAll仅在检查DOM之后返回值

来自分类Dev

document.querySelectorAll（“ a”）返回带有＃url的空白节点列表

来自分类Dev

如何将 document.querySelectorAll() 转换成 ReactJS？

来自分类Dev

条纹。类型错误：document.querySelectorAll 不是函数

来自分类Dev

React.js document.querySelectorAll（）不返回任何内容

Related 相关文章

文章