Question

我的问题可能很简单，但我很难过。如何更改所有三个<p>标签的文本颜色？实际上，它只会改变它看到的第一个。

<html>

<script "text/JavaScript">

function myFunction() {

document.querySelectorAll('p').style.color = 'red';
}
</script>

<button onclick="myFunction();">Click</button>

<p>Line 1</p>
<p>Line 2</p>
<p>Line 3</p>

</html>

Answer 1

使用此功能：

function myFunction() {
  var x = document.getElementsByTagName('p');
  for (i = 0; i < x.length; i++){
    x[i].style.color = "red";
  }
}

更改许多位置引用的类的innerHTML

1 个答案: