Question

我的脚本无效，我只是想在div元素中更改我的文字

这是我的javascript代码

var jumbo = document.getElementsByClassName("jumbotron");
var button = document.getElementById("changebg")

function changeBackground(){
  document.getElementsByClassName("jumbotron").innerHTML = "BLASAKLSJL";
}

这是我的HTML代码：

<div class="jumbotron">
  <button id="changebg" onclick="changeBackground()">
  CLICK ME
  </button>
</div>

Answer 1

document.getElementsByClassName() 将返回您需要指定要更新的对象数组。

示例：

document.getElementsByClassName("jumbotron")[index].innerHTML = "BLASAKLSJL";
____________________________________________^^^^^^^

如果只有一个元素与类jumbotron，那么您可以使用[0]：

document.getElementsByClassName("jumbotron")[0].innerHTML = "BLASAKLSJL";

如果有多个元素，那么你应该遍历它们：

var elements = document.getElementsByClassName("jumbotron");

for(var i=0;i<elements.length;i++){
     elements[i].innerHTML = "new html here";
}

希望这有帮助。

我的javascript只在运行，它不会更改文字

1 个答案: