JavaScriptのノード

Question

私はノードを使い慣れていません。どんな理由であれ、これはうまくいかないので、私は何かを見つけて、運がないか試しました。

これはJavaScript関数getElementById（）を使用して、nodeValueを使用してmySpecialParagraphのテキストにアクセスします。createElement（）を使用して段落要素を作成し、createTextNode（）を使用してこれに文字列を追加します「参照：JavaScriptを使用できます」という新しい要素。 insertBefore（）を使用して、このテキストをmySpecialParagraphの前に挿入します。

<script type="text/JavaScript"> 
    var msp = document.getElementById("mySpecialParagraph"); 
    var parent = msp.parent(); 

    var para = document.createElement("p"); 
    var textNode = document.createTextNode(" See: I can use JavaScript"); 
    para.appendChild(textNode); 
    parent.insertBefore(para, msp); 
</script> 

Answer 1

.parent()プレーンJSには存在しません。 .parentElementまたは.parentNodeである必要があります。後者は私が思う中で最も人気があります。両者の違いについては、hereを参照してください。

var msp = document.getElementById("mySpecialParagraph"); 
 
var parent = msp.parentNode; 
 

 
var para = document.createElement("p"); 
 
var textNode = document.createTextNode(" See: I can use JavaScript"); 
 
para.appendChild(textNode); 
 
parent.insertBefore(para, msp);

<p id="mySpecialParagraph"></p>