微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Javascript来改变所有跨越的颜色与某些ID

如何解决Javascript来改变所有跨越的颜色与某些ID

我有以下代码来更改具有特定 spanID 的文本颜色。目前,它只是改变了跨度及后续实例第一个实例。有什么建议吗?

<script>

function spanColor() {
    var x = document.getElementById('someId');
    x.style.color = '#'+Math.random().toString(16).substr(-6);

}
</script>

解决方法

如果您想返回所有需要的元素,你应该使用querySelectorAll(#id) 但是当你在评论中看到 - ID是不是得到了多个项目的最佳方式。

,

您应该更改 ClassName 的 ID 并使用 var x = document.getElementsByClassName("example");

所以你的代码应该是这样的:

<script>

function spanColor() {
    var x = document.getElementsByClassName('someClassname');
    var i;
    for (i = 0; i < x.length; i++) {
      x[i].style.color = '#'+Math.random().toString(16).substr(-6);
    }

}
</script>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。