1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 原生js获取document_常见的原生javascript DOM操作

原生js获取document_常见的原生javascript DOM操作

时间:2021-08-10 23:52:57

相关推荐

原生js获取document_常见的原生javascript DOM操作

1.创建元素

创建元素:document.createElement()

使用document.createElement()可以创建新元素。这个方法只接受一个参数,即要创建元素的标签名。这个标签名在HTML文档中不区分大小写,在XHTML中区分大小写。

vardiv= document.createElement("div");

使用createElement()方法创建新元素的同时,也为新元素设置了ownerDocument属性,可以操作元素的特性。

div.id = "myDiv";

div.className = "div1";

此时,新元素尚未被添加到文档树中,因此设置各种特性均不会影响浏览器的显示。要添加到文档树,可用appendChild()、insertBefore()、replaceChild()。(稍后讲到)

document.body.appendChild(div);

当把元素添加到文档树中后,伺候鬼这个元素做的任何修改都会实时地反应到浏览器中。

在IE中可以为createElement()方法传入完整的元素标签和属性。(只在IE中兼容)

var div = document.createElement("

不能再标签里加其他元素节点或者文本节点,如下的方式和上面的得出的节点一样

var div = document.createElement("

12212 ");

</

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。