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

  • 0
  • 0
  • 约1.69千字
  • 约 2页
  • 2026-01-24 发布于北京
  • 举报

JavaScript核心编程:引用类型与操作详解.pdf

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)遍历一棵元素树

您可能关注的文档

文档评论(0)

1亿VIP精品文档

相关文档