HTML DOM

作者: jarWorker | 来源:发表于2019-04-18 15:23 被阅读0次

DOM

DOM(document object model)文档对象模型是定义和访问的HTML和 XML 的标准方法,HTML DOM将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。

节点树

节点树

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

HTML 文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML DOM</title>
</head>
<body>
<!-- 我是注释-->
<div>
    <ul>
        <li style="color:#66afe9">张三</li>
        <li>李四</li>
        <li>王五</li>
        <li>赵六</li>
    </ul>
</div>
</body>
</html>

HTML DOM 节点

  1. 整个文档是一个文档节点(如:html文件就是一个文档节点)
  2. 每个 HTML 元素是元素节点(如:<div>...</div>
  3. HTML 元素内的文本是文本节点(如:张三)
  4. 每个 HTML 属性是属性节点(如:style="color:#66afe9"
  5. 注释是注释节点(如:< ! -- 我是注释 -- >

节点父、子和同胞

  • <html> 节点没有父节点;它是根节点。
  • 元素节点:<head><body> 的父节点是 <html>节点,即文档节点:<html> 节点拥有两个子节点:<head><body>
  • 文本节点: 张三的父节点是<li> 节点
  • 4个<li>是同胞元素节点
  • <li style="color:#66afe9">张三</li><ul>的第一个子节点
  • <li >赵六</li><ul>的最后一个子节点
    `

相关文章

  • HTML DOM

    HTML DOM 一、HTML DOM 节点 1.HTML DOM 节点 根据 W3C 的 HTML DOM 标准...

  • HTML DOM 事件

    HTML DOM 事件 HTML DOM 事件 HTML DOM 事件允许Javascript在HTML文档元素中...

  • HTML DOM结构

    HTML DOM 定义了访问和操作 HTML 文档的标准。 什么是 HTML DOM? HTML DOM 是: H...

  • HTML DOM

    一,DOM 简介 通过 HTML DOM,可访问 javascript HTML 文档的所有元素 HTML DOM...

  • DOM树

    1.HTML DOM HTML DOM 定义了访问和操作 HTML 文档的标准方法。DOM 将 HTML 文档表达...

  • Javascript第五章window对象的事件常用方法第三课

    更多免费教学文章 请关注这里 HTML DOM Element 对象HTML DOM 节点在 HTML DOM (...

  • JavaScript HTML DOM

    JavaScript HTML DOM 通过 HTML DOM,可访问 JavaScript HTML 文档的所有...

  • 专辑篇:JS HTML DOM

    JavaScript HTML DOM 通过HTML DOM,可以访问JavaScript HTML文档的所有元素...

  • DOM轻松学习之旅(一)

    DOM简述 DOM 的作用 === 表示 HTML 文档 DOM 提供的 API === 查询,修改 HTML 文...

  • DOM简介

    通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 ** HTML DOM (文档对...

网友评论

      本文标题:HTML DOM

      本文链接:https://www.haomeiwen.com/subject/ttktgqtx.html