Javascript 如何最好地将元素名附加到每个HTML元素？

CSS

：：after

与

内容

和

attr（）

相结合，有一个很好的特性，允许您插入任何attr值作为伪元素内容

出于一般调试目的，我希望在所有HTML元素中添加一个黄色标签，内容作为元素的名称

我可以用CSS做ID和类

---

但是对于元素（

p

div

span

等），javascript是唯一的选项？

jQuery可以使用特定类型/标记的所有元素，我建议使用它。

如果我理解正确，您希望执行以下操作，并且不需要javascript

p：：之后{
背景颜色：黄色；
内容：“p”
}
.我的班级：：之后{
背景颜色：绿色；
内容：“p”
}
部门：之后{
背景颜色：黄色；
内容：“div”
}
我没有课

我有一个班级

是的，您必须使用javascript或jQuery，这样做会更简单：

HTML测试

<div>
</div>
<p></p>
<form></form>  
<span></span>

jQuery

$("body").children().each(function() {
  var domel= $(this).get(0);
  $(this).attr("data-tag",domel.nodeName);
})

它产生了以下结果：

<div data-tag="DIV"></div>

同样的方法：attr（name）。。。除非我误解了你不清楚的问题：=你说的是名称属性。我的意思是元素本身“p”、“div”、“span”等。澄清了问题。是的，javascript是唯一的方法：）欢迎您将其作为您的答案发布。刚刚做了，并通过jQuery设置了一个示例：）是的，jQuery肯定会这样，但“选择”链接似乎与文本选择事件相关。我基本上只是在做*：：在这里之后。明白了。似乎有一个.after（）函数，可以尝试以下操作：

$（）.after（'this content's name'）或任何你想要的。嗯，这正是我想做的。不幸的是，这并没有在：：之后的“工具提示”中给出元素名称本身。
$("body").children().each(function() {
  var domel= $(this).get(0);
  $(this).attr("data-tag",domel.nodeName);
})

<div data-tag="DIV"></div>