0

JavaScriptをもう少しよく理解しようとしていますが、要素の作成と要素への値の追加に問題があります。

私がやりたいのは、新しい文字列を含む新しい段落要素を作成し、appendChildを使用して既存のdivタグに段落を追加することです。

var oldParagraph = document.getElementById('content')
var newParagraph = document.createElement('p');
var text = document.createTextNode("i am a new text node.");

newParagraph.setAttribute('class', 'red');

function addText(){
     document.oldParagraph.appendChild(newParagraph);
     document.newParagraph.appendChild(text);
}

私のHTMLは単純です：

<div id="content"></div>
4

1 に答える 1

3

コードは次のようになります。

function addText(){
     oldParagraph.appendChild(newParagraph);
     newParagraph.appendChild(text);
}

oldParagraphおよびnewParagraphは、DOMオブジェクト参照を含む変数です。これらのDOM参照を直接操作します。

実際には、グローバル変数ではなくローカル変数を使用して、コードを次のように編成すると思います。

function addText() {
    var newParagraph = document.createElement('p');
    newParagraph.className = 'red';
    newParagraph.appendChild(document.createTextNode("i am a new text node."));
    document.getElementById('content').appendChild(newParagraph);
}

作業デモ： http： //jsfiddle.net/jfriend00/42ffq/。

于 2012-06-17T05:07:26.747 に答える