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 下一个紧邻的元素节点,

谷歌和火狐都可以获得下一个紧邻的元素节点,
而IE8及之前的版本不支持

  previousSibling 上一个紧邻节点 上一个紧邻节点,chrome 火狐都支持的,只不过呢,有可能 会获得文本节点,IE8及之前的浏览器会忽略空白文本节点,如果文本有内容,也会获得到
  previousElementSibling 上一个紧邻的元素节点

谷歌和火狐都可以获得上一个紧邻的元素节点,
而IE8及之前的版本不支持

克隆节点 节点.cloneNode(true) 复制节点中的全部包括文本 标签元素    
        节点.cloneNode(false) 自复制节点标签  
删除节点 父元素.removechild(要删除的子元素)     
增加节点

父节点.appendChild

(新生成的子节点)

在父元素最后增加  
 

父节点.insertBefore

(新生成的子节点,某个子节点)

在某个子节点前增加

新生成的子节点

在某个子元素前增加  

5动态创建节点

dom中一些节点获取和增改的更多相关文章

  1. DOM中元素节点、属性节点、文本节点的理解

    DOM中元素节点.属性节点.文本节点的理解 节点信息 每个节点都拥有包含着关于节点某些信息的属性.这些属性是:nodeName(节点名称) nodeValue(节点值) nodeType(节点类型)  ...

  2. javascript DOM中的节点层次和节点类型概述

    针对JS高级程序设计这本书,主要是理解概念,大部分要点源自书内.写这个主要是当个笔记加总结 存在的问题请大家多多指正! 因为DOM这方面的对象方法操作性都特别强,但是逻辑很简单,所以就没有涉及到实际的 ...

  3. DOM中文本节点索引方法

    问题 对于 jquery 接口text()只能取到有标签的 dom对象中 文本内容. 如果索引对象本身就是文本节点,则不好索引到, 没有相关的索引选择器. 例如: 对于<input>aaa ...

  4. DOM中元素节点、属性节点、文本节点

    DOM中有12中节点,但最常用到的是元素节点,属性节点,文本节点. 元素节点的节点类型(nodeType)是1: 属性节点的节点类型(nodeType)是2: 文本节点的节点类型(nodeType)是 ...

  5. DOM中元素节点、属性节点、文本节点的理解13.3

    节点信息 每个节点都拥有包含着关于节点某些信息的属性.这些属性是:nodeName(节点名称) nodeValue(节点值) nodeType(节点类型) nodeType nodeType 属性可返 ...

  6. DOM中元素节点,属性节点,文本节点的理解

    节点信息 每个节点都拥有包含着关于节点某些信息的属性.这些属性是: nodeName(节点名称) nodeValue(节点值) nodeType(节点类型) nodeType nodeType 属性可 ...

  7. DOM中的节点属性

    摘抄自:http://www.imooc.com/code/1589 nodeName 属性: 节点的名称,是只读的. 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeNa ...

  8. JavaScript---网络编程(6)-Dom和Bom模型概念讲解(节点获取,window对象)

    本节讲Dom和Bom模型概念讲解(节点获取,window对象). out.js: 写了2个输出到页面的函数. function println(param){ document.write(param ...

  9. DOM中的NodeList与HTMLCollection

    最近在看<Javascript高级程序设计>的时候,看到了这样一句话:“理解NodeList和HTMLCollection,是从整体上透彻理解DOM的关键所在.”,所以觉得应该写一篇关于N ...

随机推荐

  1. SMP、NUMA、MPP(Teradata)体系结构介绍

    从系统架构来看,目前的商用服务器大体可以分为三类,即对称多处理器结构 (SMP : Symmetric Multi-Processor) ,非一致存储访问结构 (NUMA : Non-Uniform ...

  2. Linux学习笔记之兄弟连

    systemctl --user enable pulseaudio说明:安装完成后系统没有声音,用该命令可以打开.ifconfig eth0 192.168.118.1说明:给网卡设置IP地址.ap ...

  3. QT,静态变量要记得初始化

    //DbUtil.h #ifndef DBUTIL_H #define DBUTIL_H using namespace std; QString md5Encode(QString passwd); ...

  4. mysql命令行修改字符编码

    1.修改数据库字符编码 mysql> alter database mydb character set utf8 ; 2.创建数据库时,指定数据库的字符编码 mysql> create ...

  5. c++ boost asio库初学习

    前些日子研究了一个c++的一个socket库,留下范例代码给以后自己参考. 同步server: // asio_server.cpp : コンソール アプリケーションのエントリ ポイントを定義します. ...

  6. CentOS一键ftp

    # Version : 1.0 # Author : 果子 # Date : -- :: # Description : 只需要三步即可完成安装 # chmod a+x install_vsftpd. ...

  7. Java 之 常用类(二)

    1.StringBuffer a.StringBuffer 与 String:①StringBuffer是一个全新的类型,与String没有继承关系 ②StringBuffer的出现是为了解决Stri ...

  8. [leetcode]题型整理之用bit统计个数

    137. Single Number II Given an array of integers, every element appears three times except for one. ...

  9. 解决谷歌浏览器中的input背景色默认是黄色

    input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

  10. nodejs复习04

    TCP/UDP网络应用 创建TCP服务器客户端 socket套接字对象实例,是对TCP协议的一个基本封装接口 clientt套接字对象实例 //server.js var net = require( ...