dom中一些节点获取和增改
1获取标签里的文本对象:
| 对象.innerText | 获取标签里的文本内容 | 早期的火狐浏览器中是不支持的 赋值会输出转义后的内容 | 
| 对象.innerHTML | 获取标签里的所有内容 赋值会输出原样 | 都兼容 | 
| 对象.textContent | 获取标签里的文本内容 | IE8之前包括ie8不支持 | 
2 自定义属性 自定义属性 js无法通过点的方式获得
| 对象.getAttribute("属性名") | 得到自定义属性对象 | 
| 对象.setAttribute("属性名",”属性值“) | 设置自定义属性对象 | 
| 对象.removeAttribute("属性名") | 去除属性 | 
3节点的种类
| nodeType节点名称 | nodeName节点的名字 | nodeValue节点值 | |
| 标签 | 1 | 标签名 | null | 
| 属性 | 2 | 属性名 | 属性值 | 
| 文本 | 3 | #text | 文本内容没有就为空 | 
4获得节点的方式
| 获得属性节点 | 对象.getAttributeNode("属性名") | 获得属性节点 | |
| 获得父节点元素 | 对象.parentNode | 获得父节点元素 | |
| 获得儿子节点 | 对象.children | 获得子节点元素(无兼容问题只获得标签元素) | |
| 对象.childNodes | 获得子节点(包括文本节点和标签节点) | e8之前的版本会忽略文本元素 | |
| 对象.firstChild | 第一个子节点 | ||
| 对象.firstElementChild | 第一个子元素节点 | IE8之前不兼容 | |
| 对象.lastChild | 最后一个子节点 | ||
| 对象.lastElementChild | 最一个子元素节点 | IE8之前不兼容 | |
| 获得兄弟姐妹节点 | nextSibling | 下一个紧邻节点 | 下一个紧邻节点,chrome 火狐都支持的,只不过呢,有可能 会获得文本节点,IE8及之前的浏览器会忽略空白文本节点,如果文本有内容,也会获得到 | 
| nextElementSibling | 下一个紧邻的元素节点, | 谷歌和火狐都可以获得下一个紧邻的元素节点, | |
| previousSibling | 上一个紧邻节点 | 上一个紧邻节点,chrome 火狐都支持的,只不过呢,有可能 会获得文本节点,IE8及之前的浏览器会忽略空白文本节点,如果文本有内容,也会获得到 | |
| previousElementSibling | 上一个紧邻的元素节点 | 谷歌和火狐都可以获得上一个紧邻的元素节点, | |
| 克隆节点 | 节点.cloneNode(true) | 复制节点中的全部包括文本 标签元素 | |
| 节点.cloneNode(false) | 自复制节点标签 | ||
| 删除节点 | 父元素.removechild(要删除的子元素) | 
| 增加节点 | 父节点.appendChild (新生成的子节点) | 在父元素最后增加 | |
| 父节点.insertBefore (新生成的子节点,某个子节点) 在某个子节点前增加 新生成的子节点 | 在某个子元素前增加 | 
5动态创建节点
dom中一些节点获取和增改的更多相关文章
- DOM中元素节点、属性节点、文本节点的理解
		DOM中元素节点.属性节点.文本节点的理解 节点信息 每个节点都拥有包含着关于节点某些信息的属性.这些属性是:nodeName(节点名称) nodeValue(节点值) nodeType(节点类型) ... 
- javascript DOM中的节点层次和节点类型概述
		针对JS高级程序设计这本书,主要是理解概念,大部分要点源自书内.写这个主要是当个笔记加总结 存在的问题请大家多多指正! 因为DOM这方面的对象方法操作性都特别强,但是逻辑很简单,所以就没有涉及到实际的 ... 
- DOM中文本节点索引方法
		问题 对于 jquery 接口text()只能取到有标签的 dom对象中 文本内容. 如果索引对象本身就是文本节点,则不好索引到, 没有相关的索引选择器. 例如: 对于<input>aaa ... 
- DOM中元素节点、属性节点、文本节点
		DOM中有12中节点,但最常用到的是元素节点,属性节点,文本节点. 元素节点的节点类型(nodeType)是1: 属性节点的节点类型(nodeType)是2: 文本节点的节点类型(nodeType)是 ... 
- DOM中元素节点、属性节点、文本节点的理解13.3
		节点信息 每个节点都拥有包含着关于节点某些信息的属性.这些属性是:nodeName(节点名称) nodeValue(节点值) nodeType(节点类型) nodeType nodeType 属性可返 ... 
- DOM中元素节点,属性节点,文本节点的理解
		节点信息 每个节点都拥有包含着关于节点某些信息的属性.这些属性是: nodeName(节点名称) nodeValue(节点值) nodeType(节点类型) nodeType nodeType 属性可 ... 
- DOM中的节点属性
		摘抄自:http://www.imooc.com/code/1589 nodeName 属性: 节点的名称,是只读的. 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeNa ... 
- JavaScript---网络编程(6)-Dom和Bom模型概念讲解(节点获取,window对象)
		本节讲Dom和Bom模型概念讲解(节点获取,window对象). out.js: 写了2个输出到页面的函数. function println(param){ document.write(param ... 
- DOM中的NodeList与HTMLCollection
		最近在看<Javascript高级程序设计>的时候,看到了这样一句话:“理解NodeList和HTMLCollection,是从整体上透彻理解DOM的关键所在.”,所以觉得应该写一篇关于N ... 
随机推荐
- python之路:Day02 --- Python基础2
			本节内容 1.列表操作 2.元组操作 3.字符串操作 4.字典操作 5.集合操作 6.文件操作 7.字符编码与转换 一.列表操作 定义列表 names = ['Ming',"Hua" ... 
- 读书笔记《深度探索c++对象模型》 概述
			<深度探索c++对象模型>这本书是我工作一段时间后想更深入了解C++的底层实现知识,如内存布局.模型.内存大小.继承.虚函数表等而阅读的:此外在很多面试或者工作中,对底层的知识的足够了解也 ... 
- Pugixml一种快速解析XML文件的开源解析库
			Pugixml是一个轻量级的C++ XML开源解析库,DOM形式的解析器.接口和丰富的遍历和修改操作,快速的解析,此外支持XPath1.0实现数据查询,支持unicode编码: 使用Pugixml可通 ... 
- Android应用请求获取Root权限
			应用获取Root权限的原理:让应用的代码执行目录获取最高权限.在Linux中通过chmod 777 [代码执行目录] /** * 应用程序运行命令获取 Root权限,设备必须已破解(获得ROOT权限) ... 
- [C#].NET中几种Timer的使用
			这篇博客将梳理一下.NET中4个Timer类,及其用法. 1. System.Threading.Timer public Timer(TimerCallback callback, object s ... 
- HTTP请求应答服务——HTTP Request & Response Service
			服务站点:https://httpbin.org/ Freely hosted in HTTP, HTTPS & EU flavors by Runscope DESCRIPTION Test ... 
- T-SQL 基本语法
			--查询 select DB_ID('B2C') --检查数据库是否存在 if DB_ID('B2C') is not null --使用数据库 use B2C --单引号表示字符串,双引号则不是 U ... 
- WebAPI图片上传
			public Task<HttpResponseMessage> PostFormData() { // Check if the request contains multipart/f ... 
- npm淘宝镜像cnpm
			npm install -g cnpm --registry=https://registry.npm.taobao.org 
- 大神的Blog挂了,从Bing快照里复制过来的备份
			UWidget封装SWidget到UMG 2015年8月30日0 为了使用UMG中的一些高级或便利特性,需要将制作好的Slate控件封装到UWidget中去. 当前UE4版本4.8.3. 将Slate ... 
