2014-02-11 2 views
0

HTML 문서에 링크를 추가하려고합니다. JSFiddle에서는 작동하지만 html 문서 및 js 파일에서는 작동하지 않습니다. 누구든지 내가 뭘 잘못하고 있니?자바 스크립트에서 'appendChild가 작동하도록 할 수 있습니다.

바이올린 : http://jsfiddle.net/2LcRF/

HTML 코드 : 자바 스크립트 숨겨진 텍스트 영역

<body> 

<div id="container"> 
    <div id="content"> 
    <p>hello</p> 


    </div> 

</div> 
</body> 
</html> 

자바 스크립트 코드;

var test= document.getElementById("content"); 
var a = document.createElement("a"); 
a.href = "#" 
var text = document.createTextNode("länk"); 
a.appendChild(text); 
test.appendChild(a); 
+0

DOM이 준비되어 있는지 확인합니다. – dfsq

답변

0

텍스트 노드를 만드는 요점은 무엇입니까? innerHTML을 설정하기 만하면됩니다.

var test= document.getElementById("content"); 
var a = document.createElement("a"); 
a.href = "#" 
a.innerHTML = "länk"; 
test.appendChild(a); 

또한, 여기서 스크립트 태그는? window.onload 수신기를 사용하지 않는 경우 스크립트 태그를 마지막 항목으로 추가해야합니다. body

+0

스크립트 태그가 있지만 js 코드의 마지막 줄에 문제가있는 것 같습니다. – Delal