如何最好地将元素名称附加到每个HTML元素?

CSS::aftercontent结合使用时具有很好的功能attr(),可让您插入任何attr值作为伪元素内容。

为了进行常规调试,我希望在所有HTML元素上附加一个黄色标签,并将其内容作为元素的名称。

我可以用CSS做id和class。

但是对于元素(p div span等),javascript是唯一的选择吗?

西里尔

是的,您必须使用使其更容易的javascript或jQuery:DEMO

HTML测试

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

CSS测试

[data-tag]:before {content:attr(data-tag);}

jQuery的

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

它产生这个:

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

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何最好地将元素名称附加到每个HTML元素?

来自分类Dev

将元素索引附加到每个元素

来自分类Dev

如何正确地将几个svg元素附加到html文档?

来自分类Dev

将事件附加到数组的每个元素

来自分类Dev

C#如何最好地将字符串数组的元素添加到通用列表

来自分类Dev

C#如何最好地将字符串数组的元素添加到通用列表

来自分类Dev

如何将Ruby代码附加到HTML元素

来自分类Dev

在将html附加到元素时如何不丢失CSS?

来自分类Dev

如何将HTML元素或DocumentFragment附加到DOM?

来自分类Dev

如何将Ruby代码附加到HTML元素

来自分类Dev

如何正确地将反应代码附加到 html?(我收到“目标容器不是 DOM 元素”错误)

来自分类Dev

将NodeList附加到HTML元素

来自分类Dev

将多个元素附加到html

来自分类Dev

将 JSON 数据附加到 HTML 元素

来自分类Dev

如何将元素附加到主体?

来自分类Dev

如何将元素附加到KList?

来自分类Dev

如何将元素附加到div?

来自分类Dev

如何将数据附加到元素

来自分类Dev

突变摘要库:如何将html元素附加到添加的元素

来自分类Dev

如何将现有的 html 元素附加到另一个元素?

来自分类Dev

将元素按顺序附加到每个div

来自分类Dev

PHP将每个元素附加到数组中

来自分类Dev

如何强制将所有名称空间声明附加到根元素?

来自分类Dev

将元素附加到首页

来自分类Dev

将html(text)附加到元素而不影响同级?

来自分类Dev

使用js将HTML代码附加到元素

来自分类Dev

加速通过JavaScript将HTML元素附加到div中

来自分类Dev

将语法错误附加到HTML元素

来自分类Dev

将元素HTML附加到新添加的textarea中

Related 相关文章

热门标签

归档