zhangyaochun
- 浏览: 2634504 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
DOM - Node对象
------节点对象代表文档树中的一个节点。
Node 对象
- 是整个DOM的主要数据类型。
- 节点对象代表文档树中的一个单独的节点。
- 节点可以是元素节点，属性节点，文本节点，或者其他类型
Node 对象的属性
- childNodes
-------返回指定节点的子节点的节点列表
- firstChild
-------返回节点的首个子节点
- lastChild
-------返回节点的最后一个子节点
- nextSibling
------返回节点之后紧跟的同级节点
- nodeName
-------返回节点的名称
- nodeType
-------返回节点的类型
- nodeValue
--------设置或返回节点的值
- ownerDocument
-------返回节点的根元素(document对象)
- parentNode
--------返回节点的父节点
- previousSibling
--------返回节点之前紧跟的同级节点
扩展阅读：
http://www.w3school.com.cn/xmldom/dom_node.asp
分享到：
发表评论
-
js之左移运算
2014-08-25 20:09 1343左移运算： >> 把 ... -
console.trace()
2014-08-21 20:27 1033console.trace(): 追 ... -
js里面的~~
2014-08-16 19:59 1202记录一下js里面的 ~~： ... -
javascript的~ 运算符
2014-05-08 20:53 1214最近一直看到代码出现 ~ 位运算符 ... -
scrollIntolView
2014-03-14 08:47 1097scrollIntoView： 滚动 ... -
console的新玩法
2013-10-29 14:57 1190先看一段代码： consol ... -
Function与Object
2013-10-21 16:20 1320先看一段代码： Function in ... -
动态创建style并写入
2013-08-06 11:35 0动态创建style标签，并写入内容： ... -
ES6系列之Number
2013-08-01 11:17 0本文记录一下es6中Number相关的方法： ... -
基础之localeCompare
2013-07-26 18:29 1504本文简单记录一下localeCompare，部分 ... -
如何获取表格的所有行
2013-07-26 20:23 1463一般简单的思路都是按tagNam ... -
getAttributeNode
2013-06-17 15:30 1255getAttributenode ... -
HTML DOM Form对象
2013-06-08 12:23 1483前言： 本文来自w3c ... -
dom的contains
2013-06-06 16:00 1191contains ... -
mouseenter与mouseleave
2013-06-05 15:35 1490在IE中，鼠标移入移出某元素，触发： ... -
说说[]
2013-05-08 16:12 1291前言： 本文来自Snandy的 ... -
说说delete
2013-05-07 11:23 0var 声明的变量无法删除掉 var ... -
hasParent的设计
2013-05-03 18:07 1335场景： 判断指定的元素 ... -
多搞搞函数呗
2013-04-17 10:52 0本文简单介绍几种常见函数定义的方式： ... -
计算两点之间的角度
2013-04-12 17:13 0本文解决一个需求：计算两点之间的角度！ ...
相关推荐
html-dom-parser 在服务器（Node.js）和客户端（浏览器）上均可使用HTML到DOM解析器： HTMLDOMParser(string[, options])解析器将HTML字符串转换为描述DOM树JavaScript对象。例子const parse = require ( '...
2. **跨平台兼容性**: 作为一款前端开源库，html-dom-parser通常支持多种运行环境，包括浏览器环境和Node.js服务器环境。这使得开发者可以在客户端和服务器端都能进行HTML的解析和操作，实现前后端的数据同步和...
`jsdom` 是一个JavaScript实现的DOM（文档对象模型）库，它允许在Node.js环境中运行浏览器的API。这个开源项目为开发者提供了在服务端操作和解析HTML与XML文档的能力，尤其在进行自动化测试、数据抓取或模拟浏览器...
4. **调用dom-to-image方法**：在JavaScript中，调用`domtoimage.toPng()`或`domtoimage.toJpeg()`方法，传入DOM元素和配置对象，生成Base64编码的图片数据。 5. **将图片数据发送回C#**：在JavaScript执行完成后，...
DOM将XML文档视为一个可操作的对象树，每个元素、属性、文本节点等都有相应的对象表示。通过DOM，开发者可以方便地创建、修改、遍历XML文档的结构。 使用DOM-MSXML解析XML文件时，首先需要创建一个DOM解析器实例，...
接下来，我们要关注的是DOM模型中的主要对象类型：Document、Element、Attr、Text等。Document对象代表整个XML文档，而Element对象则代表XML文档中的元素。每个Element对象有属性（Attributes），其中Attr对象表示...
xs-dom-single-node-lib 面向速度的 DOM 操作库。... 对dom对象的引用现在将在您的项目中全局可用。 < script src =" ../libs/xs-dom-single-node-lib.js " > </ script > 好的，你
DOM-Expand是一个JavaScript库，它的主要目标是增强和扩展DOM（文档对象模型）中的原生类型，如Element、EventTarget和Node等。这个库通过添加新的方法和属性，为JavaScript开发者提供更强大、更便捷的方式来操作和...
mathjax节点页面 此Node.js模块建立在并提供对较大内容片段的... 如果input是带有HTML或jsdom对象的字符串（应通过导出的JSDOM获取JSDOM类），则pageConfig指定页面范围的选项，而mjnodeConfig需要mathjax-node配置选
5. **XMLHttpRequest 模拟**：JSDOM 提供了 `window.XMLHttpRequest` 对象的模拟，允许在 Node.js 环境中进行异步数据请求。 6. **网络接口模拟**：JSDOM 也提供了一些网络相关的 API 模拟，如 `location.href` 和 ...
本报告将重点探讨一个基于DOM-XML实现的学生信息管理系统，这是一种利用XML（可扩展标记语言）作为数据存储格式，并通过DOM（文档对象模型）进行解析和操作的方法。 **一、XML概述** XML是一种自描述的语言，用于...
3. 遍历和修改DOM树：通过DOM API（如`doc.getDocumentElement()`，`node.getElementsByTagName()`等）访问和修改XML元素。 4. 序列化DOM：将DOM对象转换回XML字符串，如`OMOutputFormat format = new ...
4. **遍历和修改DOM树**：`Node`对象提供了诸如`childNodes`、`firstChild`、`lastChild`等属性，以及`nextSibling`、`previousSibling`等方法，让我们能遍历和修改DOM树的结构。 5. **DOM异步操作**：现代浏览器...
#### XMLDOM-Node对象 - **表示DOM树中的任何节点**。 - **属性和方法**：如`nodeName`、`nodeValue`、`setAttribute()`等。 #### XMLDOM-NodeList对象 - **表示节点集合**。 - **属性和方法**：如`length`、`item...
简而言之：不要像这样通过检查其实现对象来尝试理解的元素代表什么： …让我们像检查它们一样，将它们视作真正HTML元素： 典型的用例是一些在Node.js环境中利用脚本/测试，例如 。 如何使用 npm install jsdom-...
- 两者都是`Node`对象的实例，可以使用`Node`对象的方法，如获取子节点、父节点和兄弟节点。 - `getElementById()`方法用于获取指定ID的元素，返回的是`Element`对象。 - `nodeName`和`tagName`属性分别用于获取...
在`dom-parser.js`中，我们可以创建一个`DOMParser`对象，然后使用`parseFromString()`方法将XML字符串转化为DOM对象，例如： ```javascript const DOMParser = require('./dom-parser.js'); const parser = new ...
继承自 EventTarget 对象的还有 Node 对象，Node 对象是 DOM 树中的基本单元，表示文档中的一个节点，例如元素、属性、文本等。 Node 对象有多种类型，每种类型都有其特定的属性和方法。例如，Element 对象继承自 ...
然后，要熟悉DOM API，如`org.w3c.dom.Document`、`Node`、`Element`和`NodeList`接口，它们提供了创建、查询和修改DOM树的方法。例如，`DocumentBuilderFactory`和`DocumentBuilder`用于构建DOM树，`...
通过这个库，开发者可以将浏览器环境的API注入到Node.js环境中，使得在Node.js下也能调用原本只能在浏览器中使用的函数，如document对象、window对象、navigator对象等。这极大地提高了代码的复用性和开发效率，特别...