NodeIterator使用

玩转DOM遍历——用NodeIterator实现getElementById，getElementsByTagName方法

先声明一下DOM2中NodeIterator和TreeWalker这两类型真的只是用来玩玩的,因为性能不行遍历起来超级慢,在JS中基本用不到它们,除了<高程>上有两三页对它的讲解外,谷歌的学习资料也是甚少(倒是有挺多国外文章)...由于本着不放过任何知识的态度,结合着自己的理解学习了下这两玩意,你们对这两东西了解了解就好~ DOM2级遍历和范围模块定义了两个用于完成顺序遍历DOM结构的类型:NodeIterator和TreeWalker.这两类型基于给定起点对DOM结构执行深度优先先序遍历,兼

说说DOM的那些事儿

引子先来一颗栗子: <img src="/sub/123.jpg" alt="test" /> <script type="text/javascript"> var img = document.getElementsByTagName('img')[0]; console.log('src:', img.src); </script> 输出 src: sub/123.jpg?No,输出的是 src: ht

DOM2级提供的对DOM结构执行深度优先遍历笔记

NodeIterator和TreeWalker这2个类型可以基于给定的起点对DOM结构执行深度优先遍历.(我测试用的浏览器是Chrome,介绍说IE不支持DOM遍历,但是不知道最新的IE支持不支持) 1.NodeIterator 使用document.createNodeIterator()方法创建新实例,该方法接受4个参数: (1).root:要访问的树的根节点. (2).whatToShow:要访问的节点的数字代码. (3).filter:是一个NodeFilter对象,或者一个表示过滤特定

Java获取XML节点总结之读取XML文档节点

dom4j是Java的XML API,用来读写XML文件的.目前有很多场景中使用dom4j来读写xml的.要使用dom4j开发,需要下载导入dom4j相应的jar文件.官网下载:http://www.dom4j.org/dom4j-1.6.1/github下载:http://dom4j.github.io/下载解压之后如图所示: 我们只需要把dom4j-1.6.1.jar文件构建到我们开发项目中就可以了. 下面就以Eclipse创建java项目的构建方法为例说明:声明:本Java项目的开发环境J

XML介绍

XML [TOC] 1.XML简介 XML是Extend Markup Langue可扩展标签语言,标签由开发着自己定义作用是: 1.描述带关系的数据(作为软件的配置文件):包含与被包含的关系 2.作为数据的载体,可以存储数据,小型的"数据库" 2.XML语法 xml文件移xml后缀结尾 xml文件需要使用xml解析器去解析.浏览器内置了xml解析器,可以用浏览器打开 2.1.标签语法:由开始标签标签内容结束标签组成,内容可以为空如下: <student> rocc

Dom 概览

前言我们已经接触并使用了很多api去操作html文档,例如:appendChild,getElementById, 等等.但是,每当我在浏览器输入document,window 按下回车,会发现还有好多api不会使用.感觉自己在一个海洋里,找不到边界,有点茫然失措. 试想其原因,可能是,我一接触js编程时.就会被教着使用getElementById获取一个元素,使用removeChild删除一个元素等等.没有时间去思考事情的宏观,全貌.会完全沉浸在使用这些api的业务逻辑当中.那么解决这个问题

RDF和Jena RDF API简介

这是官方文章<An Introduction to RDF and the Jena RDF API>的译文.原文是在刺猬的温驯这里看到的.其中的图片没法显示了,还有一段丢失了.于是我在此也补充翻译一下.^_^ 前言本文是一篇对W3C的资源描述框架(RDF)和 Jena(一个Java的RDF API)的教程性介绍. 本文是为那些不熟悉RDF的, 以及那些通过建立原形可以达到最好学习效果的, 或是因为其他原因希望能快速操作Jena的程序员而写的. 我们假设读者在阅读本文前已具有一定的XML和Ja

dom2和dom3

第十二章 DOM2和DOM3 一.DOM变化 1.针对XML命名空间的变化 2.其他方面的变化二.样式 1.访问元素的样式 .style 1)DOM样式属性方法 cssText:访问style特性中的CSS代码 length:应用给元素的CSS属性数量 parentRule:表示CSSRule对象 getProperty

BOM和DOM

Day 01 正课: 1.什么是DOM: 2.DOM Tree 3.遍历DOM树: 1.什么是DOM: 原生js=ECMAScript(核心语法)+ DOM(专门操作网页内容的API)+ 3天 BOM(专门操作浏览器窗口的API)+ 2天 DOM: Document Object Model 专门操作网页内容的API DOM标准: W3C 规定了操作一切结构化文档的API. 核心DOM: 操作一切结构化文档(包括HTML和XML)的通用API 万能,但繁琐 HTML DOM: 专门操作HTML文

javascript基础部分

javascript基础部分 1 数据类型: 基础数据类型(通过typeof来检测):Number,string,undefined,null,boolean,function typeof只能检测:number,string,boolean,undefined,function,object,无法识别:null,regExparagument等细分对象类型: 对象数据类型(以基础数据类型为基本,通过instanceof来检测):isstring,isfunction,isarray,isNo

DOM_01之树及遍历

1.DOM:ECMAScript+DOM+BOM,Document Object Model,核心DOM+HTML DOM+XML DOM: 2.辨析:①HTML:专门编写网页内容的语言:②XHTML:更严格的HTML标准:③DHTML:一切实现动态网页效果的技术统称,DHTML=HTML+CSS+JavaScript:④XML:可扩展标记语言,语法同HTML,标签可自定义,用于持久保存或在网络中传输结构化数据: 3.DOM Tree:DOM树,网页中一切内容在内存中以树形结构组织在一起:网页加

js-JavaScript高级程序设计学习笔记7

第十一章 DOM扩展 1.对DOM的两个主要的扩展是Selectors API(选择符API)和HTML5. 2.jQuery的核心就是通过CSS选择符查询DOM文档取得元素的引用,从而抛开了getElementById()和getElementsByTagName(). 3.Selector API Level 1的核心是两个方法:querySelector()和querySelectorAll().querySelector()接收一个CSS选择符,返回与该模式匹配的第一个元素,没找到返回n

js012-DO2和DOM3

js012-DO2和DOM3 本章内容: DOM2和DOM3的变化操作样式的ODM API DOM 遍历与范围 DOM2级核心:在一级核心基础上构建,为节点添加了更多方法和属性 DOM2级视图:为文档定义了基于样式信息的不同视图 DOM2级事件:说明了如何使用事件与DOM文档交互 DOM2级样式:定义如何以变成方式来访问和改变css样式信息 DOM2级HTML:在1级HTML基础上构建,添加更多属性.方法和新接口 12.1 DOM变化 12.1.1针对XML命名空间的变化 1.node类型的变

javascript高级程序设计---document节点

document节点是文档的根节点,每张网页都有自己的document节点,window.document就是指向这个节点.只要浏览器开始载入文档,这个节点就开始了对于HTML文档来说,document对象一般有两个子节点. doctype var doctype = document.doctype; doctype // "<!DOCTYPE html>" doctype.name // "html" 第一个子节点是document.doctype

12. javacript高级程序设计-DOM2和DOM3

1. DOM2和DOM3 DOM2级规范定义了一些模块,用于增强DOM1级.“DOM2级核心”为不同的DOM类型引入了一些与XML命名空间有关的方法,这些变化只在使用XML或者XHTML,对于HTML文档没有实际意义.除了与XML命名空间有关方法外,“DOM2核心”还定义了以编程方式创建Document实例的方法,也支持了创建DocumentType对象. “DOM2级样式”模块主要针对操作元素的样式信息而开发,其简要特性总结如下: l 每个元素都有一个关联的style样式,可以用来确定和修改行

读JS高级API笔记_(DOM&&DOM2&&DOM3)哎呀——园龄才9个月啊

---恢复内容开始--- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&

6、XML（2）

1 总结XML基础 XML基础 1)XML的作用 1.1 作为软件配置文件 1.2 作为小型的"数据库" 2)XML语法(由w3c组织规定的) 标签: 标签名不能以数字开头,中间不能有空格,区分大小写.有且仅有一个根标签. 属性: 可有多个属性,但属性值必须用引号(单引号或双引号)包含,但不能省略,也不能单双混用. 文档声明: <?xml version="1.0" encoding="utf-8"?> encoding="

5、XML（1）

1 XML入门 1.1 引入 HTML: 负责网页的结构 CSS: 负责网页的样式(美观) Javascript: 负责在浏览器端与用户进行交互. 负责静态的网页制作的语言 HTML语言特点: 1)由标签组成. <title> <p> <hr/> <br/> 2)语法结构松散的 <p></p> <p> <P> 大小写不区分结束标签和开始标签不一定匹配 <html> <head&g

XPah学习

资料1: 来源:http://www.cnblogs.com/ChengDong/archive/2012/06/28/2567744.html 示例Xml: <?xml version="1.0" encoding="utf-8" ?> <pets> <cat color="black" weight="10"> <price>100</price> <des

JavaWeb 4 XML

4 XML 1 XML入门 1.1 引入 HTML: 负责网页的结构 CSS: 负责网页的样式(美观) Javascript: 负责在浏览器端与用户进行交互. 负责静态的网页制作的语言 HTML语言特点: 1)由标签组成. <title> <p> <hr/> <br/> 2)语法结构松散的 &

NodeIterator使用

热门专题