javascript - DOM へのデータの追加

Question

私が見た限り、私が呼び出している document.GetElementsByClassName のために、このメソッドに特に対処した人はいませんが、なぜ機能しないのかわかりません。ここでの目的は、値 (文字列) をページに追加することです。クラス名で既存の div を識別し、データ項目「Account Name:」を表示するテキスト ノードを追加しただけです。構文またはロジックに明らかに何か問題がありますが、それを確認できません。

誰かが私に光を当てることができますか?

this.updateUname = function() { 
    var newNode[0] = getElementsByClassName('acc');
    var div = document.createTextNode('div');
    div.innerHTML = "Account Name:";
    newNode.appendChild(div);
    }

前もって感謝します。アジビズ

Answer 1

変化する：

var newNode[0] = getElementsByClassName('acc');

に

var newNode = document.getElementsByClassName('acc')[0];

これがフィドルです：http：//jsfiddle.net/c2bH4/1/

Answer 2

div 要素を作成しようとしている場合は、使用したい

document.createElement("div");

参照: https://developer.mozilla.org/en-US/docs/DOM/document.createElement