改变字体的颜色<b>标签

Changing the colour of a <b> tag

本文关键字：标签 字体 颜色 改变      更新时间：2023-09-26

我试图用JavaScript改变这个文本的颜色为绿色，但我得到一个警告，关于它是一个坏的对象和脚本崩溃。

<html>
<head>
<style>
b   {
    color: #0000FF;
}
</style>
<script>
function resizea()  {
  var a = document.getElementsByTagName("b");
  a.style.color = "#00FF00";
}
</script>
</head>
<body onload="resizea()">
<b>I am blue</b>
</body>
</html>

由于getElementsByTagName("b")返回一个元素集合，您需要获得第一个元素:

var a = document.getElementsByTagName("b")[0];

注意括号之间的索引[0]

有点冗长，但希望更清楚。查看所有的b元素并改变它们的颜色:

  var boldTags = document.getElementsByTagName ("b");
  console.log("There are " + boldTags.length + " bold elements");
  for (var i = 0; i < boldTags.length; i++) {
      var boldTag = boldTags[i]; 
      boldTag.style.color = "#00FF00";
      console.log("Element indexed  " + (i + 1) + " has color of 'n" + boldTag.style.color);
   }

如果您的页面中有多个<b>标记，那么您可以使用以下代码更改所有粗体文本的颜色。

$("b").attr("style","color:#00FF00;")
相关文章：