私のjavascriptのが唯一の私はdiv要素ここ</p> <p>に私のテキストを変更しようとしています、それは

Question

私のスクリプトが動作していないテキストを変更していない、働いていることは私の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"; 
} 

希望します。