前言DOM的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容)。浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组成一个树状结构。DOM的最小组成单位叫做节点(node),文档的树形结构(DOM树 ...
前言
DOM的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容)。浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组成一个树状结构。DOM的最小组成单位叫做节点(node),文档的树形结构(DOM树)由12种类型的节点组成。
一:DOM ==> 全称: document Object Mode 文档对象模型
文档: html页面
文档对象:页面元素(节点)
文档对象模型: W3C标准定义:为了能够使用javascript去操作页面中的元素定义出来的标准
二:DOM会把文档当成一节点树,文档里面的每一个元素都是一个节点。同时定义了很多方法来操作这些节点(元素)
三:属性
什么是属性:
1.使用的时候不用再前面加括号
2.一个属性肯定是某个对象下面的,所以在使用的时候肯定是调用某个对象(元素)下面的属性
元素.childNodes (存在兼容性,不推荐使用,推荐使用另一个 children)
元素.children (不管在标准还是非标准下,只包含元素类型的节点。推荐使用)
特点:只读属性。
代表:子节点列表集合,试剂盒就有长度,可使用数组形式获取
只包含儿子子节点,不包含孙子子节点
获取:实行 [] 下表获取
标准模式下(非IE):childNodes 包含了文本和元素类型节点,也会包含非法嵌套的子节点(注意:不是孙子节点)
非标准:childNodes只包含元素类型的节点。ie7以不会包含非法嵌套子节点
ul元素下面的所有子元素都包括在这个childNodes属性里面
访问ul里面的所有 li 子元素形式:
var oul = document.getElementById('ul');
oul.childNodes.length // 9 标准模式下
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:DOM的概念及子节点类型
关键词:dom
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。