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

将css的内容属性设置为html括号之间的值

  •  0
  • Eduard  · 技术社区  · 7 年前

    在html如下所示的场景中:

    <div>Text</div>
    

    如何从这些标记(在本例中为“文本”)之间获取要添加为css内容属性值的值?

    我将如何使用react的值:

    div {
        content: attr(children)
    }
    
    2 回复  |  直到 7 年前
        1
  •  0
  •   Michael Sorensen    7 年前

    我不知道你为什么要这样做,但是,你可以在某种程度上。我在下面提供了一个例子,但它有助于了解您的目标是什么。

    var elem = document.getElementsByTagName("DIV");
    
    elem[0].setAttribute('children',elem[0].textContent);
    div:after {
      content: attr(children)
    }
    <div>Text</div>
        2
  •  0
  •   abhishektechgig    7 年前

    div:before{content:attr(data-text)}
    <div data-text="text"></div>

    我想你想用css得到文本,所以这里是通过data属性和css得到文本的方法

    <div>text</div>
    
        TO
    
    <div data-text="text">
          If you want to place same text as data attr then put it
    </div>
    

    现在你可以简单地把css

        div:before { 
           content: attr(data-text)
         }
    

    希望这对你有帮助

    谢谢