javascript - 从 javascript 动态添加元素

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';