HTML DOM(简介,节点)
标签:
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(简介,节点)
,温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/39926.html
- 上一篇:video.js切换视频源问题
- 下一篇:讲解 json 和 pickle 模块