내 자바 스크립트는 그냥 div 요소 여기</p> <p>내 텍스트를 변경하려고, 그것은

Question

내 스크립트가 작동하지 않는 텍스트를 변경하지 않는 것, 노력하는 내 자바 스크립트 코드

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

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

그리고이 있습니다

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

Answer 1

document.getElementsByClassName() 당신이 업데이트 할 하나를 지정해야하는 객체의 배열을 반환합니다 : 내 HTML 코드입니다.

예 : 클래스 jumbotron 그냥 하나의 요소가 있다면

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

그래서 당신은 [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"; 
} 

희망이 도움이됩니다.