你的位置:首页 > 软件开发 > 网页设计 > HTML DOM 教程

HTML DOM 教程

发布时间:2016-08-27 21:00:27
HTML DOMDOM 教程DOM 简介DOM 节点DOM 方法DOM 属性DOM 访问DOM 修改DOM 内容DOM 元素DOM 事件DOM 导航一,HTML DOM 简介DOM即文档对象模型(Document Object Model)。DOM 定义了访问 HTML 和 HT ...

HTML DOM

  • DOM 教程
  • DOM 简介
  • DOM 节点
  • DOM 方法
  • DOM 属性
  • DOM 访问
  • DOM 修改
  • DOM 内容
  • DOM 元素
  • DOM 事件
  • DOM 导航

一,HTML DOM 简介

DOM即文档对象模型(Document Object Model)。

DOM 定义了访问 HTML 和

HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。DOM 将 HTML 文档表达为树结构。如下图所示:

HTML DOM 教程

二,HTML DOM 节点

在 HTML DOM 中,所有事物都是节点。DOM 是被视为节点树的 HTML。

通过 HTML DOM,树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素(节点)均可被修改,也可以创建或删除节点。

根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:

  • 整个文档是一个文档节点
  • 每个 HTML 元素是元素节点
  • HTML 元素内的文本是文本节点
  • 每个 HTML 属性是属性节点
  • 注释是注释节点
<html><body><p id="p2">Hello world!</p><script>document.getElementById("p2").style.color="blue";</script></body></html>

 如需删除 HTML 元素,您必须清楚该元素的父元素,举例如下:

<div id="div1"><p id="p1">This is a paragraph.</p><p id="p2">This is another paragraph.</p></div><script>var parent=document.getElementById("div1");var child=document.getElementById("p1");parent.removeChild(child);</script>

原标题:HTML DOM 教程

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。