文档结构和遍历

1、parentNode 获取该节点的父节点
2、childNodes 获取该节点的子节点数组
3、firstChild 获取该节点的第一个子节点
4、lastChild 获取该节点的最后一个子节点
5、nextSibling 获取该节点的下一个兄弟元素
6、previoursSibling 获取该节点的上一个兄弟元素
7、nodeType 节点的类型,9代表Document节点,1代表Element节点,3代表Text节点,8代表Comment节点,11代表DocumentFragment节点
8、nodeVlueText 节点或Comment节点的文本内容
9、nodeName 元素的标签名(如P,SPAN,#text(文本节点),DIV),以大写形式表示

时间: 2024-10-13 22:54:10

文档结构和遍历的相关文章

JavaScript之DOM-4 文档结构和遍历(节点树、元素树、文档的遍历)

一.节点树 节点树 概念 - HTML DOM 将 HTML 文档视作树结构 - 文档中的元素.属性.文本.注释等都被看作一个节点 - 这种结构被称为节点树: 上下层节点 - 节点树中的节点彼此拥有层级关系,DOM 使用如下属性遍历整棵节点树: 平行的节点 - 节点树中使用如下方法访问平行的兄弟节点: 二.元素树 元素树 概念 - 元素树是节点树的一个子集,只包含其中的元素节点 上下层元素 - 与节点树一样,元素树上的元素节点也有父子关系,使用如下属性可以获取这些关系: 平行的元素 - 元素树使

Dom之文档结构与遍历

1.Document对象.它的Element对象和文档中表示文本的Text对象.comment对象都是Node对象.Node定义了以下重要的属性 parentNode.childNodes.firstChild.lastChild.nextSibling.previousSibling.NodeType.NodeValue.NodeName(元素的标签名) 其中: NodeType(节点类型) 1 → 代表Element节点 3 → 代表Text节点 8 → 代表Comment(注释)节点 9 

(三)文档结构(上)

一.基本文档结构 1.1  文档元素有4种,任何HTML文档都需要这些元素. 1.1.1 DOCTYPE元素 每个HTML文档都必须以DOCTYPE元素开头.浏览器据此得知自己将要处理的是HTML内容.但是即使省略这个元素,大多数浏览器仍能正确地显示文档内容,但是在编写文档的时候还是最好不要省略. <!DOCTYPE html> 解析: 上述语句告诉浏览器: 1. 处理的是HTML文档.  2.用来标记文档内容的HTML所属的版本.该元素没有结束标签,放于文档开头即可. 1.1.2 html元

HTML5的文档结构

HTML5的文档结构 HTML5简化了许多,它的设计遵循了3个原则:1.兼容性.2.实用性.3.通用访问性     1. header 元素 <header> 标签定义文档或者文档的一部分区域的页眉,又可用于设置文章标题. <header> 元素应该作为介绍内容或者导航链接栏的容器. 在一个文档中,您可以定义多个 <header> 元素. 注释:<header> 标签不能被放在 <footer>.<address> 或者另一个 <

HTML5移动开发之路(42)——HTML4与HTML5文档结构比较

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(42)--HTML4与HTML5文档结构比较 一般来说,人们在书写包括HTML在内的文档时,习惯上按照类似于"章--节--小节"这样的层次结构来进行. 在HTML4中的描述方式: <html> <head> </head> <body> <h1>第一章 小强的HTML5移动开发之路</h1> <h2>1.1 HTM

重温CSS之文档结构

出处:http://limits.cnblogs.com 我们来看看几个基本的HTML页面 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"&g

Html5之基础-3 HTML概述、基础语法、文档结构

一.HTML 概述 超文本 (1) Web 是一个超文本文件的集合 (2) 超文本文件是 Web 的基本组成单元,也称为网页或 HTML 文档.Web页等,通常是以.html或.htm为后缀的文件 (3) Web页上之间通过超文本中的超级链接组织在一起 HTML 概述 (1) HTML(HyperText Markup Language):超文本标记语言,一种纯文本类型的语言 - 使用带有尖括号的"标记"将网页中的内容逐一标识出来 (2) 用来设计网页的标记语言 (3) 用该语言编写的

做一个项目的基本文档结构

---恢复内容开始--- 1.首先是对psd文档进行分析,找出各个文档中的相同点,比如说相同的头部(header).尾部(footer).侧边(sidebar)等. 2.建立基本的文档结构,如: 3.切片:对于logo一般保存在imgs里面,我这里是保存在imgs/common里面,即保存在图片的公共部分.imgs里面一般保存的是临时图片,即网站上线之后随时需要换掉的图片.比如轮播图等一般都是临时图片.还有就是对于比较大的图片也是保存在imgs里面.如: 对于css里面的背景图片,一般保存在和c

创建XML文档结构

static void CreateXML(string outputPath) { XmlDocument _xmlDoc = new XmlDocument(); string _xmlNode = @"<books type='ITP' language='english'><metadata></metadata></books>"; _xmlDoc.LoadXml(_xmlNode); XmlDeclaration _xmlDe