node节点属性

  1. nodeName属性  oneBox= document.getElementsById('box');
    var s = oneBox.nodeName;  //nodeName与tagName等价
  2. nodeType属性 表示节点的类型,其中1代表元素节点,2代表属性节点,3代表文本节点。
  3. nodeValue属性 表示节点的内容,其中元素(标签)节点的nodeValue值为null,属性节点的值为属性值,文本节点的值为文本内容,这个内容不包括html语句

层次节点

  1. var s = oneBox.childNodes; childNodes:子节点集合
    例如:
    <div>
    测试<em>倾斜</em>测试2
    </div>
    var s = oneBox.childNodes;那么s表示有三个节点的列表
    oneBox.childNodes.length的值是3;    第一个节点是文本‘测试’,第二个是<em>倾斜</em>,第三个是文本:测试2 
    注意:oneBox.childNodes[0].innerHTML是undefined,因为innerHTML是指里面的文本内容,
    应该是:oneBox.childNodes[0].nodeValue 它的值是‘测试’
    如果:oneBox.childNodes[0].nodeName 也就是标签的名称,注意:文本内容没有标签 但不会出错
  2. oneBox.firstChild与oneBox.lastChild
  3. oneBox.ownerDocument    返回的就是document,返回的是文档对象,也就是根节点
  4. oneBox.firstChild.nextSibling 并列的下一个子节点 同样的有previousSibling
  5. oneBox.attributes 是指oneBox这个元素的属性列表
    oneBox.attributes.length
    oneBox.attributes[0] 是从后往前的顺序的某一个属性,遍历的顺序是从后往前
    也可以直接在中括号中填入属性名称来获得其值
    例如 oneBox.attributes['title'].nodeValue  就是oneBox的title值

2016.01.07 DOM笔记(二) DOM节点的更多相关文章

  1. Windows Socket网络编程-2016.01.07

    在使用WSAEventSelect的套接字模型中,遇到了WSAEventSelect返回10038的错误,在定位解决的过程中,简单记录一些定位解决的手段摘要. 使用windows的错误帮助信息,使用命 ...

  2. 2017/01/07 学习笔记 jar包,maven

    ① 关于tar,jar,war文件 tar是通用的另一种打包格式,为了部署到服务器时方便. jar是java app server识别的java部署格式,其实是Zip文件,只是内部的文件有规范. wa ...

  3. HTML DOM(学习笔记二)

    嗯,在HTML DOM(学习笔记一)中简单描述了一下HTML DOM 是什么,这一篇将记录下来有关HTML DOM的内容! 1:DOM节点 首先,再来看一下HTML DOM的树状结构,如下图所示: 这 ...

  4. Javascript学习笔记二——操作DOM

    Javascript学习笔记 DOM操作: 一.GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点 二.querySelector( ...

  5. DOM笔记(二):Node接口

    所有的节点都使用Node接口来表示,可以使用很多方法去获取节点,如document.getElementsByTagName().document.getElementsByName()等均返回一个N ...

  6. DOM笔记(十二):又谈原型对象

    因为之前谢过一篇关于原型对象的笔记:浅谈JavaScript中的原型模式.现在我又重新看到这个话题,对原型有了进一步的理解,所以,又要谈谈原型对象. 一.理解原型对象 创建的每一个函数都有一个prot ...

  7. DOM笔记(十):JavaScript正则表达式

    一.RegExp ECMAScript通过RegExp类型类支持正则表达式,语法和Perl类似: var exp = /pattern/flags; patternb部分是任何简单的或复杂的正则表达式 ...

  8. DOM笔记(四):HTML 5 DOM复杂数据类型

    HTML 5 DOM定义了一下集合.列表等复杂的数据类型用于实现便捷的操作.相对于HTML 4 DOM,HTML 5 DOM增加了HTMLCollection.DOMTokenList.DOMStri ...

  9. DOM笔记(三):Element接口和HTMLElement接口

    一.Element接口 Element接口表示一个元素,该接口扩展自Node接口,自然继承了Node接口的属性和方法,也有一套针对元素的属性和方法. Element接口常见的属性比较少,常用的就是一个 ...

随机推荐

  1. 常见mysql的数据迁移

    1.处理把A表中的部分列复制到B表中主要处理同一库. UPDATE T_EVENT EVE, T_IPMAP MAP SET EVE.c_staff_code = MAP.c_staff_code, ...

  2. 今天開始慢下脚步,開始ios技术知识的查漏补缺。

    从2014.6.30 開始工作算起. 如今已经是第416天了.不止不觉.时间过的真快. 通过对之前工作的总结.发现,你的知识面.会决定你面对问题时的态度.过程和结果. 简单来讲.知识面拓展了,你才干有 ...

  3. cordova windows环境配置

    * 安装Cordova 1.cordova是利用nodeJS进行管理,所以要先下载nodeJS. 2. 打开命令窗口,输入:“npm install -g cordova”即可安装 3. 安装后,输入 ...

  4. Android图形显示系统——上层显示1:界面绘制大纲

    Android显示之应用界面绘制 越到上层,跟业务关联越直接.代码就越繁杂.Android上层显示的代码正是如此.此外,java语言本身繁复的特点(比C语言多了满屏的try-catch,比C++少了析 ...

  5. 王立平--SQLite,SQLiteOpenHelper的简单应用

    Android平台提供给我们一个数据库辅助类来创建或打开数据库,这个辅助类继承自SQLiteOpenHelper类.在该类的构造器中,调用Context中的方法创建并打开一个指定名称的数据库对象.继承 ...

  6. 1695 windows 2013

    1695 windows 2013  时间限制: 1 s  空间限制: 128000 KB  题目等级 : 黄金 Gold 题解  查看运行结果     题目描述 Description 话说adam ...

  7. 百度MP3+图片+文字:生成结果文件;(声音58秒,视频59秒,同步性需要进一步优化)

    import os os_sep = os.sep this_file_abspath = os.path.abspath(__file__) this_file_dirname, this_file ...

  8. Tarjan Algorithm

    List Tarjan Algorithm List Knowledge 基本知识 基本概念 复杂度 有向图 Code 缩点 Code 用途 无向图 Articulation Point-割顶与连通度 ...

  9. Centos搭建图形界面VNC

    #!/bin/sh unset SESSION_MANAGER unset DBUS_SESSION_BUS_ADDRESS exec /etc/X11/xinit/xinitrc

  10. [转载]马士兵Java视频教程 —— 学习顺序

    书(Java核心编程)+视频..这样学感觉比较好.. 原文地址:马士兵Java视频教程 —— 学习顺序作者:习惯 第一部分:J2se学习视频内容包括: 尚学堂科技_马士兵_JAVA视频教程_JDK5. ...