HTML DOM innerHTML을 등록

Question

변경 id="demo"와 <p> 요소의 HTML 내용 :

document.getElementById("demo").innerHTML = "Paragraph changed!"; 

은 HTML 콘텐츠를 변경하려면이 올바른 방법은 무엇입니까?

Answer 1

MDN says:으로이 속성은 완전히 요소의 내용을 대체 할 수있는 간단한 방법을 제공합니다. 변경하려는 경우

Answer 2

는 내용

document.getElementById("demo").innerText = "Paragraph changed!"; 

사용 또는 당신은

document.getElementById("demo").innerHTML = "<h2>Heading changed!</h2>"; 

에게, html 태그는 사용하는 또 다른 방법을 변경하려면

document.getElementById("demo").firstChild.nodeValue = "Paragraph changed!"; 

Answer 3

In this syntax example, {ID of element} is the ID of an HTML element and {content} is the new content to go into the element. 
document.getElementById('{ID of element}').innerHTML = '{content}'; 

Now for your Issue,just do this 
document.getElementsByTagName("P")[0].innerHTML = "Paragraph changed!"; [OR] document.getElementById("demo").innerHTML = "Paragraph changed!"; 

FiddleLink