我的JavaScript唯一的工作，它不改变文本

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

希望这有助于。