javascript - 从 javascript 动态添加元素

标签 javascript html

全部,

如何在 javascript 中创建元素,例如 <div></div>我想给它分配一个 javascript 值 var a=3 ;

示例:

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

谢谢......

最佳答案

W3C 批准的新方法是使用 document.createElement用于创作和Node.appendChildNode.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';

关于javascript - 从 javascript 动态添加元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2205667/

相关文章:

javascript - 如何使用 jquery 设置当前窗口大小和位置(因为 body onload 不适用于 asp.net)

javascript - 如何在 Angular 单元测试中模拟/监视导入的函数

javascript - 鼠标悬停事件有点麻烦

python - 未绑定(bind)本地错误: local variable 'html' referenced before assignment

html - 图标不会与文本元素对齐

javascript - 浏览器加载资源最有效的方式

javascript - 尝试在消息中显示带有变量的警报消息

javascript - 当 shell 中的日期与今天的日期匹配时为整行着色

javascript - 在 AngularJs 中对点击事件应用指令

javascript - 在悬停时更改 CSS writen 文本框中的特定字符颜色