代码之家 › 专栏 › 技术社区 › cdub

在新DOM主体中创建和查询元素

aurelia ecmascript-6 typescript html javascript

cdub · 技术社区 · 3 年前

    let body = document.body;
    // let body = document.body.cloneNode(true);

    body.querySelectorAll('button').forEach(b => {

        b.removeAttribute('click.delegate');
    });

我试图更新和查询dom页面的主体以生成一个新的html文档,但是当我这样做时,它会更新当前页面以及我正在动态构建的页面。克隆节点阻止我使用querySelectorAll()。有什么想法吗?谢谢你的帮助。

1 回复 | 直到 3 年前

pilchard 3 年前

可以通过编程方式创建新的 body document.createElement() 并指定活动 document.body 去吧。

let body = document.createElement('body');
body.innerHTML = document.body.innerHTML;

body.querySelectorAll('div').forEach(d => {
  d.classList.add('red');
  console.log(d)  
});

.red {
  background-color:tomato;
}

<body>
  <div>
    <button type='button'>Button</button>
  </div>
</body>

推荐文章

Bryandh · Font Aewome 5图标的类绑定更改不会影响图标

6 年前

Fedoranimus · 通过@observable观察不可变对象

6 年前

Lars MH · Aurelia:在顶层声明自定义元素并跨应用程序访问

6 年前

Jonathan Eckman · 对包含node\u模块的模块进行网页打包

6 年前

greyseal96 · Aurelia-帮助理解我看到的一些绑定行为

6 年前

powerbuoy · 将模板元素插入插槽元素

6 年前

Natalija P · 如果绑定在中继器上-在Edge和IE中不起作用

6 年前

cmbo · axios给了我JSON对象,但无法解析为Javascript对象

6 年前

Flores · 如何开始使用Aurelia UX

7 年前

si2030 · Aurelia-EventAggregator有问题。无法读取属性“publish”

7 年前