<!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8">

         <title>node对象</title>

         <script type="text/javascript">

             /*

                 Node对象的属性

                     nodeName  节点名称

                     nodeType  节点类型

                     nodeValue 节点值

                 父节点

                     ul是li的父节点

                     parentNode

                 子节点

                     li是ul的子节点

                     childNodes：得到所有的子节点，但是兼容性很差

                     firstChild：获取指定节点的第一个子节点

                     lastChild：获取指定节点的最后一个子节点

                 同辈节点

                     li直接关系是同辈节点

                     nextSibling：返回一个给定节点的下一个兄弟节点

                     previousSibling：返回一个给定节点的上一个兄弟节点

             */

         </script>

     </head>

     <body>

         <span id="spanId">哈哈呵呵</span>

         <script type="text/javascript">

             // 标签节点

             var span = document.getElementById("spanId");

             document.write("<br />nodeType：" + span.nodeType);        // 1

             document.write("<br />nodeName：" + span.nodeName);        // SPAN

             document.write("<br />nodeValue：" + span.nodeValue);    // null

             // 属性节点

             var spanId = span.getAttributeNode("id");

             document.write("<br /><br />nodeType：" + spanId.nodeType);    // 2

             document.write("<br />nodeName：" + spanId.nodeName);        // id

             document.write("<br />nodeValue：" + spanId.nodeValue);        // spanId

             // 文本节点

             var text = span.firstChild;

             document.write("<br /><br />nodeType：" + text.nodeType);    // 3

             document.write("<br />nodeName：" + text.nodeName);            // #text

             document.write("<br />nodeValue：" + text.nodeValue);        // 哈哈呵呵

         </script>

     </body>

 </html>

JavaScript基础10——node对象的更多相关文章

  1. JavaScript基础20——element对象

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  2. Javascript基础--类与对象(五)

    js面向(基于)对象编程1.澄清概念 1.1 js中基于对象 == js 面向对象 1.2 js中没有类class,但是它取了一个新的名字,交原型对象,因此 类 = 原型对象. 2.为什么需要对象? ...

  3. JavaScript基础知识----document对象

    对象属性document.title                 //设置文档标题等价于HTML的<title>标签document.bgColor               //设 ...

  4. JavaScript基础知识（对象、函数与对象）

    17.对象 属性:描述对象的信息  方法:描述对象的行为  封装:只关心输入和输出(不管过程如何实现) ü 对象的分类: 内置对象(原生对象): 就是JavaScript语言预定义的对象(如Strin ...

  5. JavaScript 基础(三) - Date对象，RegExp对象，Math对象，Window 对象，History 对象，Location 对象，DOM 节点

    Date对象 创建Date对象 //方法1:不指定参数 var date_obj = new Date(); alert(date_obj.toLocaleString()) //方法2:参数为日期字 ...

  6. JavaScript -基础- 函数与对象（二）String

    一.判断数据类型typeof与判断对象类型instanceof 1.typeof typeof只能判断基础数据类型,无法判断引用数据类型 <script> var s="hell ...

  7. JavaScript -基础- 函数与对象

    一.JavaScript三对象 1.分类方式一 1)ECMAScript JavaScript的ECMA规范 JS本身的对象 2)Dom 操作HTML相关 3)BOM游览器对象 游览器窗口对象,全局的 ...

  8. JavaScript基础之原型对象和原型链

    原型对象 原型对象简单来说就是函数的原型所指向的对象.前面说原型的时候,说了Object.prototype所指对象就是Object(函数)的原型对象.在每个函数的原型对象中,默认会有construc ...

  9. JavaScript基础10——正则

    什么是正则?     正则表达式(regular expression)是一个描述字符规则的对象.可以用来检查一个字符串是否含有某个字符,将匹配的字符做替换或者从某个字符串中取出某个条件的子串等.   ...

随机推荐

  1. url rewrite

    http://www.microsoft.com/taiwan/technet/iis/expand/URLRewrite.aspx http://www.iis.net/learn/extensio ...

  2. PostgreSQL表空间、模式、表、用户/角色之间的关系

    PostgreSQL表空间.模式.表.用户/角色之间的关系是本文我们主要要介绍的内容,表空间,数据库,模式,表,用户,角色之间的关系到底是怎样的呢?接下来我们就开始介绍这一过程. 实验出角色与用户的关 ...

  3. oracle 11g设置打开空表extent储存块

    sql>alter system set deferred_segment_creation=false; sql>show parameter deferred_segment_crea ...

  4. 天猫浏览型应用的CDN静态化架构演变

    原文链接:http://www.csdn.net/article/2014-01-22/2818227-CDN-Architecture 在天猫双11活动中,商品详情.店铺等浏览型系统,通常会承受超出 ...

  5. HTML5[6]：多行文本显示省略号

    CSS3新增text-overflow: ellipse; 只支持单行文本 如果是多行文本, 在无法完全显示的情况下,可以按下面这样写: overflow:hidden; display: -webk ...

  6. 指定的参数已超出有效值的范围 参数名: utcDate WebResource异常

    指定的参数已超出有效值的范围.参数名: utcDate 说明: 执行当前 Web 请求期间,出现未经处理的异常.请检查堆栈跟踪信息,以了解有关该错误以及代码中导致错误的出处的详细信息.  异常详细信息 ...

  7. js转html实体

    方法一: 用的浏览器内部转换器实现转换,方法是动态创建一个容器标签元素,如DIV,将要转换的字符串设置为这个元素的innerText,然后返回这个元素的innerHTML,即得到经过HTML编码转换的 ...

  8. (转)linux内核虚拟文件系统浅析

    转自http://hi.baidu.com/_kouu/item/4e9db87580328244ef1e53d0 ###### 虚拟文件系统(VFS)在我看来, "虚拟"二字主要 ...

  9. Android debug时一直处于waiting for debugger解决办法

    问题:android 调试卡在:Waiting for Debugger - Application XXX is waiting for the debugger to Attach" 解 ...

  10. java中Finally块的执行

    在try{}catch{}finally{}块中,都知道finally子块是肯定会执行的.当然也有个别情况,当在try{}或者catch{}块中出现强制退出System.exti(int)时,fina ...