同名类元素

Question

我如何改变2级＆＃34; myDiv＆＃34;跨度名称同时？下面的脚本仅适用于第一个＆＃34; myDiv＆＃34;

<div class="myDIV">
  <span>orginial name1</span>
</div>

<div class="myDIV">
  <span>orginial name2</span>
</div>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    var x = document.getElementsByClassName("myDIV");
    x[0].innerHTML = "<span>new name for all</span>";
}
</script>

Answer 1

有时会忘记一些简单的事情，只需添加x[1].innerHTML = "<span>new name for all 2</span>";

即可

function myFunction() {
    var x = document.getElementsByClassName("myDIV");
    x[0].innerHTML = "<span>new name for all 1</span>";
    x[1].innerHTML = "<span>new name for all 2</span>";
}

<div class="myDIV">
  <span>orginial name1</span>
</div>

<div class="myDIV">
  <span>orginial name2</span>
</div>

<button onclick="myFunction()">Try it</button>