div가 자바 스크립트로 추가되지 않았습니다.

javascript를 사용하여 div를 추가하려고합니다. div가 코드 및 크롬 개발자 도구에 나타나지만 실제 창에 표시되지 않습니까?div가 자바 스크립트로 추가되지 않았습니다.

왜 이런 일이 발생합니까?이를 어떻게 해결할 수 있습니까?

코드 :

당신은 텍스트 color하지 배경색 설정 한

<div id='body'> 
    <div id='inner'>div here</div> 
</div> 

<script> 

function add() { 
var inner = document.getElementById('inner'); 

    var div = document.createElement('div'); 
    div.style.height = '300px'; 
    div.style.width = '100px'; 
    div.style.color = 'blue'; 
    inner.appendChild(div); 

} 

add(); 



</script>

출처

2013-12-19 moonshineOutlaw

색이 텍스트에 사용됩니다 body 태그에 온로드()를 추가해야합니다. http://jsfiddle.net/er779/3/ – Reinard

. 그래서 그것은 거기에 있습니다. 단지 내용이 없어서 당신이 그것을 볼 수 없기 때문입니다. 당신이 이것을 의미한다고 가정합니다 :

div.style.backgroundColor = 'blue';

출처

2013-12-19 14:20:41 CodingIntrigue

이 답변을 기반으로, 나는 이런 종류의 일을 잡기 위해 검사기 도구를 사용하여 DOM에서 OP보기를 권하고 싶습니다. –

이 코드를 사용해보십시오. 저를 위해 노력해보십시오.

당신이하지 배경,

<html> 
<head> 
<script> 
function add() { 

var inner = document.getElementById('inner'); 
var div = document.createElement("div"); 
div.style.width = "300px"; 
div.style.height = "100px"; 
div.style.background = "blue"; 


inner.appendChild(div); 
} 

</script> 
</head> 

<body onload ="add()"> 

<div id="inner"></div> 

</body> 
</html>

출처

2013-12-19 14:41:05 Fox

div가 자바 스크립트로 추가되지 않았습니다.

답변

관련 문제