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!"; 

それとも、htmlタグを変更したいを使用変更したい場合は、

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

別の方法

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