基于数据属性的 Appendchild

安德弗哈尔

我有几个这样的 div:

<div id="thisisme" data-order="1">
<div id="thisisme" data-order="2">

我想使用 data-order = 1 向特定 div 添加一些内容。Javascript 代码:

var hello = document.getElementById('thisisme');
thisisme.textContent = "blabla"; 
hello.appendChild(thisisme);

这会将它添加到两个 div。但我只想将内容添加到 div 编号 1。我怎样才能做到这一点?

比伯蒂

First ofid应该是唯一的,DOM所以你需要解决这个问题。

也许改用class它会起作用。

然后使用css选择器语法。

const hello = document.querySelector('.thisisme[data-order="1"]');
hello.innerText = "blabla"; 
<div class="thisisme" data-order="1">1</div>
<div class="thisisme" data-order="2">2</div>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

包含javascript属性的对象的appendChild

来自分类Dev

未捕获的TypeError:无法读取null的属性'appendChild'

来自分类Dev

如何解决此“无法读取null的属性'appendChild'”错误?

来自分类Dev

使用appendchild属性在div中追加元素

来自分类Dev

Backbone网站上的Disqus上的“无法读取null的属性'appendChild'”

来自分类Dev

TypeError:无法在ReactJS中读取null的属性'appendChild'

来自分类Dev

将id和class属性添加到ajaxDisplay appendChild

来自分类Dev

无法读取For-Loop中null的'appendchild'属性

来自分类Dev

如何解决“无法读取 null 属性 'appendChild'”的问题?

来自分类Dev

VueJS - 将 v-model 属性动态 appendChild 到 div?

来自分类Dev

appendChild慢

来自分类Dev

DOMException在appendChild

来自分类Dev

appendChild慢

来自分类Dev

使用document.head.appendChild()追加具有SRC属性的脚本标签?

来自分类Dev

IE8 appendChild“对方法或属性访问的意外调用”

来自分类Dev

element.appendChild(node)是否将父节点的属性应用于子节点?

来自分类Dev

使用javascript删除div后无法读取空错误的属性'appendChild'

来自分类Dev

`appendChild(htmlobject)` 只追加最后一个子表单数据

来自分类Dev

基于关系属性的数据过滤

来自分类Dev

使用基于属性的数据模板

来自分类Dev

基于关系属性的数据过滤

来自分类Dev

基于数据属性隐藏元素?

来自分类Dev

基于数据属性的动态类

来自分类Dev

appendChild之后的addEventListener

来自分类Dev

Javascript appendChild onload事件

来自分类Dev

如何正确使用appendChild

来自分类Dev

未定义的'appendChild'

来自分类Dev

JavaScript AppendChild问题

来自分类Dev

appendChild不在正确的位置

Related 相关文章

热门标签

归档