码迷,mamicode.com
首页 > Web开发 > 详细

HTML DOM(简介,节点)

时间:2019-12-20 15:17:23      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:device   view   相同   父节点   next   方法   删除   标准   model   

HTML DOM 定义了访问和操作 HTML 文档的标准方法。

 DOM 全称: Document Object Model(文档对象模型)

 

HTML DOM 定义了所有 HTML 元素的对象属性,以及访问它们的方法。(DOM 将 HTML 文档表达为树结构)

换言之,HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

 

DOM节点

HTML 文档中的所有内容都是节点:

  • 整个文档是一个文档节点
  • 每个 HTML 元素是元素节点
  • HTML 元素内的文本是文本节点
  • 每个 HTML 属性是属性节点

HTML DOM 树

技术图片

 

通过 HTML DOM,树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素(节点)均可被增删改节点。

 

节点:父节点(parent)、子节点(child)、兄弟节点(sibling)

  • 在节点树种,顶端节点被称为根(root)
  • 所有节点都有父节点,除了根
  • 一个节点可以拥有多个子节点
  • 兄弟节点拥有相同的父节点

 

例:

<!DOCTYPE html>
<html>
  <head>
      <meta name="viewport" content="width=device-width" />
      <title>Index</title>
  </head>
  <body>
      <div></div>
  </body>
</html>

<html>为 根节点

<head> 和 <body> 的父节点(parentNode)是 <html> 节点        即      <html> 的子节点(childNode)是 <head> 和 <body>节点

<head> 和 <body> 互为同级节点  (previousSibling)

<body> 是 <head> 的下一同级节点(nextSibling)

<head> 元素是 <html> 元素的首个子节点 (firstChild)

<body> 元素是 <html> 元素的最后一个子节点(lastChild)

HTML DOM(简介,节点)

标签:device   view   相同   父节点   next   方法   删除   标准   model   

原文地址:https://www.cnblogs.com/wangshunyun/p/12073096.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!