JS -

Question

내가 이렇게 같은 페이지에 임의의 배경 이미지를 추가하는 스크립트를 추가 해요 특정 html.classname와 함께 페이지에 임의의 배경을 추가 :

<script type="text/javascript"> 
var totalCount = 25; 
function addBackground() 
{ 
    var num = Math.ceil(Math.random() * totalCount); 
    document.body.background = 'images/'+num+'.png'; 
    document.body.style.backgroundSize = "contain"; 
} 
</script> 

합병증은, 지금 만 필요를 html 요소에 특정 클래스 (id가 아닌)가 추가 된 페이지에 배경을 추가하십시오. (나는이 방식을 바꾸기위한 접근 권한이 없다).

나는 getElementsByClassName을 사용해 보았지만, 계속 Undefined를 되찾고있는 것처럼 보입니다. 이 작업을 수행하는 올바른 방법은 무엇입니까?

감사합니다.

Answer 1

코드가 실행될 때 DOM이 준비되지 않았을 가능성을 의미하는 undefined 페이지에 요소를 가져옵니다. jQuery를 사용하지 않는 경우 $(document).ready equivalent without jQuery을 확인하십시오.

로직을 ready 함수에 넣으면 논리가 실행될 때 요소가 렌더링되는지 확인할 수 있습니다.