更改标签的颜色

Question

I am trying to change the color of this text to green using JavaScript, but I get a warning about it being a bad object and the script crashes. 我正在尝试使用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

since getElementsByTagName("b") return a collection of elements, you need to get the first one: 由于getElementsByTagName("b")返回元素的集合，因此您需要获取第一个元素：

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

Note the index between brackets [0] 注意括号之间的索引[0]

Answer 2

A little more verbose way, but hopefully more clear. 更详细的方法，但希望更清晰。 Go thou all the b elements and change their color: 遍历所有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;")

更改标签的颜色

问题描述

3 个解决方案

解决方案1
7 已采纳 2013-01-21 12:37:57

解决方案2
2 2013-01-21 12:45:17

解决方案3
1 2013-01-21 12:44:22

更改标签的颜色

问题描述

3 个解决方案

解决方案1 7 已采纳 2013-01-21 12:37:57

解决方案2 2 2013-01-21 12:45:17

解决方案3 1 2013-01-21 12:44:22

解决方案1
7 已采纳 2013-01-21 12:37:57

解决方案2
2 2013-01-21 12:45:17

解决方案3
1 2013-01-21 12:44:22