Javascript 如何使用GetElementsByCassName（）返回2个值？ 带有class=“example”的第一个div元素。 带有class=“example”的第二个div元素。
单击该按钮可使用class=“example”（索引0）更改第一个div元素的文本 试试看 注意：Internet Explorer 8和早期版本不支持getElementsByClassName（）方法 函数myFunction（）{ var x=document.getElementsByClassName（“示例”）； x[0]。innerHTML=“你好，世界！”； } 链接，例如：Javascript 如何使用GetElementsByCassName（）返回2个值？ 带有class=“example”的第一个div元素。 带有class=“example”的第二个div元素。,javascript,Javascript,单击该按钮可使用class=“example”（索引0）更改第一个div元素的文本 试试看 注意：Internet Explorer 8和早期版本不支持getElementsByClassName（）方法 函数myFunction（）{ var x=document.getElementsByClassName（“示例”）； x[0]。innerHTML=“你好，世界！”； } 链接，例如： 这个例子向我们展示了如何将第一个div更改为“helloworld”。我想学习如何将所有课程改为“He
这个例子向我们展示了如何将第一个div更改为“helloworld”。我想学习如何将所有课程改为“Hello world”。我试图更改
x[0].innerHTML=“Hello World！”x[*].innerHTML=“Hello World！” 必须使用循环才能影响所有元素：
<!DOCTYPE html>
<html>
<body>
<div class="example">First div element with class="example".</div>
<div class="example">Second div element with class="example".</div>
<p>Click the button to change the text of the first div element with class="example" (index 0).</p>
<button onclick="myFunction()">Try it</button>
<p><strong>Note:</strong> The getElementsByClassName() method is not supported in Internet Explorer 8 and earlier versions.</p>
<script>
function myFunction() {
var x = document.getElementsByClassName("example");
x[0].innerHTML = "Hello World!";
}
</script>
</body>
</html>
函数myFunction（）{
var x=document.getElementsByClassName（“示例”）；
对于（变量i=0；i
将循环用作：
带有class=“example”的第一个div元素。
带有class=“example”的第二个div元素。
单击该按钮可使用class=“example”（索引0）更改第一个div元素的文本
试试看
注意：Internet Explorer 8和早期版本不支持getElementsByClassName（）方法
函数myFunction（）{
var x=document.getElementsByClassName（“示例”）；
对于（变量i=0；i
您可以使用querySelectorAll
方法：
function myFunction() {
var x = document.getElementsByClassName("example");
for (var i = 0; i < x.length; i++)
x[i].innerHTML = "Hello World!";
}
它可能是重复的，但询问者似乎不明白他需要循环。。。
function myFunction() {
var divs = document.querySelectorAll('.example');
[].forEach.call(divs, function(div) {
div.innerHTML = "Hello World!";
});
}