javascript - 如何在 hr :after in javascript? 上设置数据内容

标签 javascript html css

我知道您可以在 javascript 中为元素添加样式。例如

myElement.style.color = "red";

但是说我想做等同于

hr:after {
  content: "myRuntimeValue"
}

我怎样才能在 javascript 中实现它?

最佳答案

您可以通过元素属性间接执行此操作:

CSS

p#my-id::after {
    // set content to be the value of an attribute on the element p
    content: attr(data-value);
}

JS

const element = document.getElementById('my-id');
element.setAttribute('data-value', 'myRuntimeValue');

关于javascript - 如何在 hr :after in javascript? 上设置数据内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56366429/

上一篇:css - 一些 css 网格不适合线条

下一篇:javascript - 如何删除输入字段的边框底部?

相关文章:

javascript - 在express/jade文件中设置JS和CSS路径的正确方法是什么?

javascript - 请求 API 时 View 中看不到任何数据

javascript - React 内联样式不适用于某些属性

javascript - 仅选择没有子元素的元素,除了子元素是 <wbr></wbr> 的元素

JqueryUI Spinner 问题

php - 当评论作者与帖子作者匹配时,Wordpress 有条件地加载类

javascript - Materialise CSS 选择下拉菜单

javascript - 根据另一个农业网格的事件过滤一个农业网格

javascript - 找到 JQuery 元素但不可点击

javascript - 使用本地存储在按钮类之间切换