HTML DOM简介.pptxVIP

HTML DOM简介;HTML 文档对象模型（HTML Document Object Model） 定义了访问和处理HTML文档的标准方法 通过JavaScript,采用DOM作为对HTML文档中所有元素进行访问的入口，进行添加、移除、改变或重排页面上的项目，从而达到重构整个HTML文档的目的;DOM规定： HTML文档中的每个成分都是一个节点 整个文档是一个文档节点 每个HTML标签是一个元素节点 包含在HTML元素中的文本是文本节点 每个HTML属性是一个属性节点 注释属于注释节点;HTML DOM节点层次;除文档节点外的每个节点都有父节点 大部分元素都有子节点 分享同一个父节点的节点是同辈 节点可以拥有先辈与后代;使用getElementByID()和getElementByTagName()方法 语法：document.getElementByID(“id”); document.getElementByTagName(“标签名称”) 使用元素节点的parentNode、firstChild以及lastChild属性进行访问 语法：x.parentNode；x.firstChild; x.lastChild 使用document.documentElement访问文档根节点; document.body访问body标签;每个节点都拥有包含关于节点某些信息的属性： nodeName（节点名称） nodeValue（节点值） nodeType（节点类型）;Window对象：表示浏览器中打开的窗口，在客户端JavaScript中是全局变量，所有表达式都在当前环境中计算。示例 Document对象：表示每个载入浏览器的html文档。使用该对象能从脚本中对HTML页面中的所有元素进行访问。示例 Event对象：代表事件的状态，例如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。示例 ;其他对象：如Body\Frame\Form\Talbe\Image\Input 系列\Select\Option\Meta\Linke\Object等，均是当html文档中出现该标签时，就会创建该对象。示例 Style对象：代表一个单独的样式声明，可从应用样式的文档或元素访问该对象。其语法如下：示例 document.getElementByID(“ID”).style.property=“值” ;谢 谢！