更改標簽的顏色

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;")

更改標簽的顏色

問題描述

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