javascript - 将某些数据设置为第一个 Child "data-id"属性？

Question

如何获取/设置firstChild的属性“data-id”？我可以设置文本区域的名称和内部文本:

el.firstChild.name='txt_'+j;
el.firstChild.innerText = 'Textarea '+j;

我想做的是像这样更改“data-id”值(伪代码):

el.firstChild.data('id')=j; 

只是为了澄清 - 一些 HTML:

<div id="5" class="textarea_cloned">
<textarea name="txt_5">Textarea 5</textarea>
<div class="remove" data-id="5"> X </div>
</div>

谢谢

Answer 1

试试这个-

使用firstElementChild而不是firstChild

该属性与firstChild的区别在于，firstChild返回第一个子节点作为元素节点、文本节点或注释节点(取决于哪个是第一个)，而 firstElementChild 将第一个子节点作为 元素节点(忽略文本和注释节点)返回。

 el.firstElementChild.dataset.id=j

演示

https://jsfiddle.net/vikrant47/frcqb42q/

dom 的

dataset 属性保存 dom 所有数据属性的映射。