JavaScript核心编程：引用类型与操作详解.pdfVIP

JavaScript中的类型：

(1)原生对象

(2)自定义对象

(3)宿主对象

DOM：DOM树，把HTML文档中的所有的内容都看做一个Node对象

BOM：document、window、history、screen、navior、event、location

Node对象的成员属性：

nodeType:Number1,2,3,8,9,10元素、属性、文本、注释、文档

nodeName:String

nodeValue:String

parentNode:Node

childNodes:NodeList

firstChild:Node

lastChild:Node

nextSibling:Node

previousSibling:Node

getElementById(‘id’):ElementNode

getElementsByTagName(‘名’):NamedNodeList

注意：这两个查找元素的方法普通的元素节点对象、文档节点对象可以调用——

document.getElementById();/divNode.getElementById();

复习：

DOM树有两种：

·节点树：把文档中所有内容全部看做Node对象

·元素树：把文档中的看做是树上的节点

1.在DOM树中查找/选择元素节点

(1)document.getElementById(‘id’):ElementNode

注意：普通的元素节点没有此方法！

(2)document/node.getElementsByTagName(‘名’):NodeList

(3)document.getElementsByName(‘name属性的值’):NodeList

(4)document/node.getElementsByClassName(‘具备指定的class名’)：NodeList

(5)document/node.querySelector(‘CSS选择器’)：ElementNode,返回第一个匹配元素

(6)document/node.querySelectorAll(‘CSS选择器’)：NodeList，返回所有的元素

(7)document.all:NodeList，获取HTML中所有的元素节点对象

2.DOM节点树和元素树

节点树元素树

获取父节点parentNodeparentElementNode

获取全部子节点childNodeschildren

获取第一个子节点firstChildfirstElementChild

获取最后一个子节点lastChildlastElementChild

获取下一个兄弟nextSiblingnextElementSibling

获取上一个兄弟previousSiblingpreviousElementSibling

练习：

(1)

(2)遍历一棵元素树