<!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. Linq专题之var关键字

    在c#1.0,c#2.0中声明一个变量时,总是要指定变量的类型,如果不指定变量类型编译器就会报错,产生编译错误.在c#3.0中我们可以不指定变量的具体类型,而使用一个新的关键字"var&qu ...

  2. 译：C#面向对象的基本概念 (Basic C# OOP Concept) 第三部分（多态，抽象类，虚方法，密封类，静态类，接口）

    9.多态 Ploy的意思就是多于一种形式.在文章开始,方法那一章节就已经接触到了多态.多个方法名称相同,而参数不同,这就是多态的一种. 方法重载和方法覆盖就是用在了多态.多态有2中类型,一种是编译时多 ...

  3. Redis PHP通用类

    找到一个比较全的Redis PHP操作类库,分享给大家 <?php /**  * redis操作类  * 说明,任何为false的串,存在redis中都是空串.  * 只有在key不存在时,才会 ...

  4. 【Android】Handler、Looper源码分析

    一.前言 源码分析使用的版本是 4.4.2_r1. Handler和Looper的入门知识以及讲解可以参考我的另外一篇博客:Android Handler机制 简单而言:Handler和Looper是 ...

  5. 2014 网选 上海赛区 hdu 5047 Sawtooth

    题意:求n个'M'型的折线将一个平面分成的最多的面数! 思路:我们都知道n条直线将一个平面分成的最多平面数是 An = An-1 + n+1 也就是f(n) = (n*n + n +2)/2 对于一个 ...

  6. Spring Remoting: Remote Method Invocation (RMI)--转

    原文地址:http://www.studytrails.com/frameworks/spring/spring-remoting-rmi.jsp Concept Overview Spring pr ...

  7. Hadoop入门进阶课程7--Pig介绍、安装与应用案例

    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,博主为石山园,博客地址为 http://www.cnblogs.com/shishanyuan  ...

  8. SystemTap知识（一）

    SystemTap是一个系统的跟踪探测工具.它能让用户来跟踪和研究计算机系统在底层的实现. 安装SystemTap需要为你的系统内核安装-devel,-debuginfo,-debuginfo-com ...

  9. SQL Server技术问题之自定义函数优缺点

    优点: 可以在SQL语句中调用,直接使用返回值,从而可以形成复杂的SQL应用. 缺点: 能在函数中使用的语句有严格限制: 不支持create.ALTER.drop等DDL(Data Definitio ...

  10. 订餐APP第一次sprint+燃尽图

    MY-HR 成员: 角色分配 学号 博客园 团队贡献分 丘惠敏 PM项目经理 201406114203 http://www.cnblogs.com/qiuhuimin/ 19 郭明茵 用户 2014 ...