Question

所有

如何在javascript中创建元素，比如<div></div>，我想为其分配一个javascript值，说var a=3;

示例：

<script>
var ele=create element('<div>');
ele.add(a)
</div>
</script>

由于..........

Answer 1

新的W3C批准方式是使用document.createElement进行创建，使用Node.appendChild或Node.insertBefore将新节点添加为另一个节点的子节点。这些函数由DOM level 1 standard定义。

要向节点添加文本，请使用document.createTextNode创建文本，然后使用前面提到的方法之一添加文本节点。要更改文本节点中的文本，请指定文本节点的nodeValue属性。

// create the element
var elt = document.createElement('div');
// create & add text to the element
elt.appendChild(document.createTextNode('foo'));
// add the element to the body as the middle child
document.body.insertBefore(elt, document.body.childNodes[document.body.childNodes.length >> 1]);
...
// change the text stored in the element
elt.firstChild.nodeValue='bar';

Answer 2

var el = document.createElement('div');
el.innerHTML = '3';
document.body.appendChild(el);

从javascript动态添加元素

2 个答案: