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

1.创建元素

创建元素：document.createElement()

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

var div = 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

");

原生js获取document_常见的原生javascript DOM操作相关推荐

原生js获取document_【JS 口袋书】第 9 章：使用 JS 操作 HTML 元素
作者:valentinogagliardi 译者:前端小智来源:github 这几天自己的公众号无套路送现金 200+,参与方式如下 OKR 与 KPI 的区别(文中无套路送现金 200+) 文档对 ...
class 原生js获取父元素_原生js获取class
//使用原生js时,通过class名称就可以得到相应的class名称标签组封装的函数 //定义一个函数getClass(oParent,aClass); function getClass(oPare ...
原生js获取html元素高度,原生JS获取元素宽高实践详解
开篇的话任何不是亲身实践中求得的知识,都不是属于你的. 任何求得的知识不去时常温习运用,也不是属于你的. 记录由来在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才 ...
原生js获取document_原生JS常用API整理
Anchor 对象:指HTML超链接 1.修改一个链接的文本,链接和target //html部分访问 Microsoft 改变超链接的文本和 URL.也改变 target 属性.target 属性 ...
[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器...
[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器原文:[完美]原生JS获取浏览器版本判 ...
原生js获取以固定字符开头的控件id，并设置属性
原生js获取以固定字符开头的控件id,并设置属性还在用JQ加CSS选择器获取指定id开头的DOM嘛? 现在试试 JavaScript提供的querySelectorAll函数目前几乎主流浏览器均支 ...
js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...
用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...
原生js获取宽高与jquery获取宽高的方法的关系
说明:1.因为获取高度的情况跟获取宽度的情况一样,所以以下只说获取宽度的情况. 2.以下所说的所有方法与属性所返回的值都是不带单位的. 3.为了方便说明,以下情况采用缩写表示: obj -> ...
获取html下拉菜单selected,原生js获取select下拉框的selected的option项
一. 使用原生js,获取select标签下属性有selected的option项. 先写一个select标签如下: TEXT-aaaaa TEXT-bbbbb 原生js获取select标签这个对象 ...

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

原生js获取document_常见的原生javascript DOM操作相关推荐

最新文章

热门文章