<!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. 发布FTP服务，防火墙配置

    最近需要在Web服务器上发布一下FTP,不想安装Server-U之类的,就用IIS的了,安装好后,发现外网无法连接.经过测试,发现是防火墙的问题. 查找了下关于FTP的资料,ftp server支持两 ...

  2. 活学活用，webapi HTTPBasicAuthorize搭建小型云应用的实践

    HTTP使用BASIC认证,WebAPI使用[HTTPBasicAuthorize]标记控制器就是使用了BASIC认证. BASIC认证的缺点HTTP基本认证的目标是提供简单的用户验证功能,其认证过程 ...

  3. 常用的sql语句（找不同位数，找重复）

    1.SQL找不同位数 select length(aae135),count(1) from ac01 group by  length(aae135) ; ————————————————————— ...

  4. [转]使用Xcode 4发布App 实例操作

    使用xcode 4发布app 实例操作是本文介绍的内容,不多说,我们直接进入话题. 1.iOS Provisioning Portal 和iTunes Connect 没有变,下载与安装.mobile ...

  5. Python——目录操作

    注意之前要import os 1．获得当前路径 在Python中可以使用os.getcwd()函数获得当前的路径.其原型如下所示. os.getcwd() 该函数不需要传递参数,它返回当前的目录.需要 ...

  6. 析构函数和Dispose的使用区别

    老生常谈的问题了,MSDN也有非常详细的说明但看起来不是很系统.也曾经做过分析,但没有总结下来又忘了,这次整理一下MSDN和网上搜集的一些资料,以备不时只需. 下面是MSDN对这两个函数的建议使用方法 ...

  7. DDD：四色原型中Role的 “六” 种实现方式

    背景 一个实体在不同的上下文中具备不同的职责,如:产品在“生产完成上下文”中具备的一些职责,在“质检相关上下文”中具备另外一些职责.四色原型.DIC和“UML事物模式”在不同的维度阐述了这一情况,在代 ...

  8. 斐波那契堆(一)之 图文解析 和 C语言的实现

    概要 本章介绍斐波那契堆.和以往一样,本文会先对斐波那契堆的理论知识进行简单介绍,然后给出C语言的实现.后续再分别给出C++和Java版本的实现:实现的语言虽不同,但是原理如出一辙,选择其中之一进行了 ...

  9. ELK+FileBeat+Log4Net搭建日志系统

    ELK+FileBeat+Log4Net搭建日志系统 来源:https://www.zybuluo.com/muyanfeixiang/note/608470 标签(空格分隔): ELK Log4Ne ...

  10. Laravel 5 服务的注册和使用

    首先我们需要创建一个服务的类,比如叫CqhServiceProvider,最简单的方式就是用artisan来帮我们创建 php artisan make:provider CqhServiceProv ...