`

HTML文档的节点

    博客分类：
  • js
HTMLJavaScript 
阅读更多

DOM下，HTML文档各个节点被视为各种类型的Node对象。每个Node对象都有自己的属性和方法，利用这些属性和方法可以遍历整个文档树。由于HTML文档的复杂性，DOM定义了nodeType来表示节点的类型。这里列出Node常用的几种节点类型：
接口 nodeType常量 nodeType值 备注
Element Node.ELEMENT_NODE 1 元素节点
Text Node.TEXT_NODE 3 文本节点
Document Node.DOCUMENT_NODE 9 document
Comment Node.COMMENT_NODE 8 注释的文本
DocumentFragment Node.DOCUMENT_FRAGMENT_NODE 11 document片断
Attr Node.ATTRIBUTE_NODE 2 节点属性


DOM树的根节点是个Document对象，该对象的documentElement属性引用表示文档根元素的Element对象（对于HTML文档，这个就是<html>标记）。Javascript操作HTML文档的时候，document即指向整个文档，<body>、<table>等节点类型即为Element。Comment类型的节点则是指文档的注释。具体节点类型的含义，请参考《Javascript权威指南》，在此不赘述。

分享到：
| 十个习惯让你精通新的开发技术(转)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    vdom-to-html, 将虚拟DOM节点转换为 HTML.zip

    vdom-to-html, 将虚拟DOM节点转换为 HTML vdom-to-html 将虚拟dom节点转换为 HTML安装npm install --save vdom-to-html用法var VNode = require('virtual-dom

    jacascript DOM节点——元素节点、属性节点、文本节点

    　其父节点 parentNode 指向包含该元素节点的元素节点 Element 或文档节点 Document； 　元素的 childNodes 属性中包含了它的所有子节点，这些子节点可能是元素、文本、注释、处理指令节点； 　childNodes 结合 ...

    html dom节点操作(获取/修改/添加或删除)

    根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点： 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是注释节点 HTML DOM 将 HTML 文档视...

    bootstrap-treeview.js节点选择修改文件

    修改后的bootstrap-treeview，支持子节点的回溯选中，父辈节点的回溯选中

    dom:PHP HTML文档节点解析CSS Level3

    domtest&lt;?...set_time_limit(3);require_once __DIR__ ....require_once __DIR__ ....require_once __DIR__ ....require_once __DIR__ ....require_once __DIR__ ....require_once __DIR__ ....require_once __DIR__ ....

    易语言网页节点元素分析

    易语言网页节点元素分析源码,网页节点元素分析,解析元素,解析,网页_取网页文档对象,网页_取IE窗口句柄,窗口_取类名,RegisterWindowMessageA,ObjectFromLresult,FindWindowExA_整数,SendMessageTimeoutA,...

    JS添加或删除HTML dom元素的方法实例分析

    主要介绍了JS添加或删除HTML dom元素的方法,结合实例形式分析了javascript针对HTML DOM元素节点的创建、追加、删除等相关操作技巧与注意事项,需要的朋友可以参考下

    ELPHI TreeView 文件目录树和 设置节点图标 完整

    需要制作文档管理软件 这个非常有用的 1 文件夹 设置图标为 2 文件夹里没有文件的文件夹 ...3 .HTML文档 设置图标为 4 有附件的 文档设置图标为 DELPHI XE 5测试通过 http://www.cnblogs.com/xe2011/p/3386257.html

    html文档类型

    html文档类型

    JavaScript HTML DOM元素 节点操作汇总

    前言 ...一、添加和删除节点（HTML 元素） 1、创建节点 1）创建该元素（元素节点）； 2）向一个已存在的元素追加该元素。 语法：appendChild(newnode) eg: 这是一个段落 这是另一个段落 &lt;/div&gt;

    Python基于lxml模块解析html获取页面内所有叶子节点xpath路径功能示例

    但是原始的lxml模块解析之后得到的却是整个页面中所有节点的xpath路径，不是我们真正想要的形式，所以就要进行相关的处理才行了，差了很多网上的博客和文档也没有找到一个是关于输出html中全部叶子节点的API接口或者...

    Echarts 实现树状图的展示与编辑示例

    重要的页面html文件,echart_demo.html 功能说明： 当鼠标移动到节点上时，会有节点描叙信息提示框。 当在节点处右键时，会弹出右键编辑菜单。 当鼠标单击节点以外区域时，会隐藏右键编辑菜单。 节点动作包含： 增加...

    office2html:将Office文件转换为html的节点模块

    将Office文件（docx，pptx，xlsx）转换为html文档 用法： var office2html = require(office2html), generateHtml = office2html.generateHtml; generateHtml('test/test.pptx', function(err, result) { ...

    搭建虚拟机开发环境及节点间互信.mp4

    搭建虚拟机开发环境及节点间互信 共享目录  说明：同步宿主主机文件到虚拟机：  官网文档位置：https://www.vagrantup.com/docs/synced-folders/basic_usage.html  Windows配置用SMB配置共享目录  官网文档位置...

    Java实现用DOM文档和XML文件互换的操作

    文档对象模型是HTML和XML文档的编程接口规范，它与平台和语言是无关的，因而可以用各种语言在各种平台上实现。该模型定义了THML和XML文件在...通过对XML文件的解析处理，XML文件中的元素便转化为DOM文档中的节点对象。

    tree-node:树节点链接HTML节点

    树节点链接HTML Node类。 组件安装 component install brighthas/tree-node Node.js安装 npm install tree-node 原料药 要求 var Node = require("tree-node"); 创造 var node = new Node(); #createChild（） ...

    nodegarden:HTML5节点花园

    HTML5节点花园描述使用HTML5制作的非常简单的节点花园。 没有Barnes-Hut n体优化，只有简单的物理原理。 在我作为Flash开发人员时，我曾经在Flash时代这样做过。 当时发布，这给了我启发。 点击添加节点拖动鼠标使之...

    html5组织文档结构_动力节点Java学院整理

    传统的HTML文档通常通过div元素来组织文档结构，再配上适当的样式表。但div元素的问题是缺少语义信息，在查看别人的源代码时，必须费点劲才能理解哪个div表示什么，整个页面时怎么搭建起来的，通常需要在HTML页面、...

    一个自制的树外加添加节点

    应用场景于分组管理，菜单，资源管理等后台情况。 （H5+JS+jquery） 需要自身有js引用文件，适合初学者参考 也欢迎给出意见和参考

    JS常见DOM节点操作示例【创建 ，插入，删除，复制，查找】

    节点：根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点： 1、整个文档时一个文档节点。 2、每个HTML元素是元素节点。 3、HTML元素内的文本是文本节点。 4、每个HTML属性是属性节点。 5、每个注释是注释...

Magicbox
Global site tag (gtag.js) - Google Analytics