javascript 基础,js中节点问题。文档结构问题。text节点问题
2015-05-21 15:41
274 查看
什么是节点?
节点代表文档树中的一个单独的节点。节点可以是元素节点、属性节点、文本节点。
节点拥有改变文档结构的能力:如增(appendChild)、删(removeChild)、改(replaceChild)、插(inertBefore)等方法,此类方法都是属于操作文档结构的方法。
节点原型图:
什么文本节点?
文本节点是最小的节点,不能包含其他节点,仅供文本。所以文本节点没有子节点,子节点个数永远为0。文本节点可以通过父元素的appendChild进行添加。
文本节点拥有对文本进行处理的能力:replaceWholeText、spliteText等。
文本节点继承至CharacterData,而CharacterData却继承至Node。
文本节点原型图:
什么是元素?
元素表示文档中的元素。元素可拥有属性节点、文本节点。
元素拥有对文档结构进行查询的能力:如getElementsByTagName、getElementsByClassName、querySelectorAll。
元素还拥有对自身属性进行操作的能力:如setAttribute、getAttribute等。
此外,你要记得,元素也是节点,因为元素继承至节点,拥有节点所有的能力(即对文档的增删改插)。
元素原型图:
什么是html元素节点?
html元素节点是html文档的组成重要部分。
与元素节点不同的是,html元素拥有很多特定的,用于表示、显示的属性,如id、class、height、width、style等。元素没有大小,没有轮廓,没有样式,而HTML元素就是为显示而诞生的,所以HTML元素拥有大小、轮廓、样式等外观,可以让你直接在浏览器里看的一清二楚(xml里面的都是元素节点,所以xml是用于数据传输用的,看不到外观,html是显示用的,可以看到外观。)
HTML元素继承至元素,所以html元素也是间接继承至节点。
HTML元素原型图:
原型里没有很多属性,是因为需要实例化该类的时候才会赋予属性,我框出来的都是html才拥有的属性。
节点代表文档树中的一个单独的节点。节点可以是元素节点、属性节点、文本节点。
节点拥有改变文档结构的能力:如增(appendChild)、删(removeChild)、改(replaceChild)、插(inertBefore)等方法,此类方法都是属于操作文档结构的方法。
节点原型图:
什么文本节点?
文本节点是最小的节点,不能包含其他节点,仅供文本。所以文本节点没有子节点,子节点个数永远为0。文本节点可以通过父元素的appendChild进行添加。
文本节点拥有对文本进行处理的能力:replaceWholeText、spliteText等。
文本节点继承至CharacterData,而CharacterData却继承至Node。
文本节点原型图:
什么是元素?
元素表示文档中的元素。元素可拥有属性节点、文本节点。
元素拥有对文档结构进行查询的能力:如getElementsByTagName、getElementsByClassName、querySelectorAll。
元素还拥有对自身属性进行操作的能力:如setAttribute、getAttribute等。
此外,你要记得,元素也是节点,因为元素继承至节点,拥有节点所有的能力(即对文档的增删改插)。
元素原型图:
什么是html元素节点?
html元素节点是html文档的组成重要部分。
与元素节点不同的是,html元素拥有很多特定的,用于表示、显示的属性,如id、class、height、width、style等。元素没有大小,没有轮廓,没有样式,而HTML元素就是为显示而诞生的,所以HTML元素拥有大小、轮廓、样式等外观,可以让你直接在浏览器里看的一清二楚(xml里面的都是元素节点,所以xml是用于数据传输用的,看不到外观,html是显示用的,可以看到外观。)
HTML元素继承至元素,所以html元素也是间接继承至节点。
HTML元素原型图:
原型里没有很多属性,是因为需要实例化该类的时候才会赋予属性,我框出来的都是html才拥有的属性。
相关文章推荐
- javascript基础之我见(2)----一句话搞定this,并浅析js,as相互调用的this问题
- javascript基础之我见(2)----一句话搞定this,并浅析js,as相互调用的this问题
- JavaScript之DOM-4 文档结构和遍历(节点树、元素树、文档的遍历)
- Javascript基础——利用Dom元素对节点进行创建、插入和删除、文档碎片
- js中基础数据结构数组去重问题
- JavaScript——你理解的js基础是啥(JavaScript(核心、BOM、DOM))
- JS 基础 —— JavaScript数据类型与对象
- js节点问题
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第24讲_js案例讲解_js自定义函数_学习笔记_源代码图解_PPT文档整理
- 【转】javascript中值传递,地址传递,引用传递的问题(使用js创建list对象时会用到)
- js中空白节点的问题
- JS基础第3课:JavaScript-输出内容(document.write)
- JavaScript个人笔记:js模块化开发seajs基础
- JavaScript基础_03样式引入与结构语句
- DOM解析xml文档节点下的所有子节点,怎么样只输出标签名而没有<#text>标签
- 整理Javascript基础数据和引用数据复制值的问题
- javascript基础笔记(一)之js的简介
- JavaScript基础(二)之js和html的结合方式
- javascript基础笔记(四)之js里面的语句
- javaScript基础(五)之js的运算符