document.getElementByIdを使用して変数内のこの要素のテキストを変更できません

Question

私はこの簡単なコードを手に入れることができません。私を助けてください！

<p id="p"> 
    Test 
</p> 

<script> 
    var p_tag = document.getElementById("p"); 

    document.p_tag.innerHTML = "Hey"; 
</script> 

Answer 1

文書を削除します。 p_tagの前から。

<script> 
    var p_tag = document.getElementById("p"); 

    document.p_tag.innerHTML = "Hey"; 
</script> 

変更するには：おそらく

<script> 
    var p_tag = document.getElementById("p"); 

    p_tag.innerHTML = "Hey"; 
</script> 

Answer 2

あなたはdocumentは、VARにすでにあるこの

<p id="p"> 
    Test 
</p> 

<script> 
    var p_tag = document.getElementById("p"); 
    p_tag.innerHTML = "Hey"; 
</script> 

をやろうとしているので、それを

Answer 3

p_tagを複製しません。変数です。あなたはそのように宣言しました。これは、既存の<p id="p">Test</p>を参照HTMLElementですので、あなたはこのようにそれを使用する必要があります。

p_tag.innerHTML = "Hey"; 

あなたの宣言された変数とは何の関係もありませんので、documentにp_tagプロパティがありません。document 。

また、これをsimplyfyことができます：あなたがやろうとしているものを明確にしてください

document.getElementById("p").innerHTML = "Hey"; 

Answer 4

<p id="p"> 
    Test 
</p> 

<script> 
    var p_tag = document.getElementById("p");// get link of html element where id="p" 

    It is error: document.p_tag.innerHTML = "Hey"; 
    It is valid code: p_tag.innerHTML = "Hey";// overwrites the entire contents inside the element to "Hey" 
</script>