javascript - 向 DOM 添加数据

Question

据我所见，没有人因为我正在调用的 document.GetElementsByClassName 而专门解决此方法，但我不知道为什么它不起作用。此处的目的是将值（字符串）添加到页面。我已经通过类名识别了一个现有的 div，并简单地添加了一个文本节点，然后应该显示数据项“帐户名称：”。我的语法或逻辑显然有问题，但我看不到。

有人可以为我解释一下吗？

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

提前致谢。ajfbiz

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