Question

我正在尝试使用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>

Answer 1

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

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

注意括号[0]

之间的索引

Answer 2

更冗长的方式，但希望更清楚。去你所有的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);
   }

Answer 3

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

$("b").attr("style","color:#00FF00;")

更改<b>标签的颜色</b>

3 个答案: