1、html

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>node节点</title>

</head>

<body>

    <div id="box" style="color: red">额<em>mi</em></div>

<p>222</p>

</body>

</html>

　　

2、JavaScript

<script>

        window.onload = function () {

            var box = document.getElementById('box');

            var p = document.getElementsByTagName('p');

            alert(box.nodeName);//获取元素节点的标签名，和tagName等价。DIV

            alert(box.nodeType);//输出元素节点的类型值，1属性节点返回1

            alert(p[0].nodeType);//输出元素节点的类型值，1属性节点返回1

        }

    </script>

　　

    <script>

        window.onload = function () {

            var box = document.getElementById('box');

            alert(box.childNodes);//object nodeList

            alert(box.childNodes[0].nodeName);//#text，文本节点没有标签名

            alert(box.childNodes[0]);//object Text,

            alert(box.childNodes[0].nodeType);//3,说明是文本节点

            alert(box.childNodes[0].nodeValue);//额，获取当前文本节点的内容，与innerHTML区别开来

            alert(box.childNodes[0].innerHTML);//undefined,因为第一个节点是文本，是额，额里面的内容没有找到，所以是undefined;

        }

    </script>

　　

3/如果节点是元素节点打印出元素节点四个字+节点名，否则是文本节点打印出文本节点四个字+节点名，属性节点遍历不出来

 var box = document.getElementById('box'),

                    i = 0;

 for(;i < box.childNodes.length;i++) {

                if(box.childNodes[i].nodeType === 1) {

                    alert('元素节点' + box.childNodes[i].nodeName);

                }else if(box.childNodes[i].nodeType === 3){

                    alert('文本节点' + box.childNodes[i].nodeValue);

                }

            }

　　

4、innerHTML与nodeValue改变内容

var box = document.getElementById('box');

box.innerHTML = 'nihao';//额mi换成了nihao

box.nodeValue = 'nihao';//没有报错但是也没有赋值
box.childNodes[0].nodeValue = 'nihao';//nihaomi,只有这样才是正确的

　　

5、

层次节点——NODE节点的更多相关文章

  1. Kubernets二进制安装(11)之部署Node节点服务的kubelet

    集群规划 主机名 角色 IP地址 mfyxw30.mfyxw.com kubelet 192.168.80.30 mfyxw40.mfyxw.com kubelet 192.168.80.40 注意: ...

  2. DOM(一)：节点层次－Node类型

    Node类型DOM1级定义了一个Node接口,该接口将由DOM中的所有节点类型实现,每个节点都有一个nodeType属性,用于表明节点的类型.节点类型由在Node类型中定义的下列12个数值常量来表示, ...

  3. 第10章 文档对象模型DOM 10.1 Node节点类型

    DOM是针对 HTML 和 XML 文档的一个 API(应用程序编程接口) .DOM描绘了一个层次化的节点树,允许开发人员添加.移除和修改页面的某一部分.DOM 脱胎于Netscape 及微软公司创始 ...

  4. Linux内存描述之内存节点node–Linux内存管理(二)

    日期 内核版本 架构 作者 GitHub CSDN 2016-06-14 Linux-4.7 X86 & arm gatieme LinuxDeviceDrivers Linux内存管理 #1 ...

  5. Node节点

    1.Node:节点元素节点->HTML标签文本节点->文字 但是在标准浏览器(除了IE6~8)中会把空格和换行都当做文本节点来处理注释节点->注释document2.节点的特征元素节 ...

  6. cocos2d-x 3.0 画图节点——Node

    ***************************************转载请注明出处:http://blog.csdn.net/lttree************************** ...

  7. Kubernetes移除node节点

    1.kubectl delete node {{节点名称}} 2.删除node节点上由kubelet自动生成的kubelet.kubeconfig配置文件,和ssl密钥证书kubelet.key,ku ...

  8. 二进制安装 kubernetes 1.12(四) - 部署 Node 节点组件

    在 master 上操作 vi /etc/profile export PATH=/opt/kubernetes/bin:$PATH source /etc/profile 将 kubelet-boo ...

  9. Kubernetes集群部署之五node节点部署

    Node节点是Kubernetes集群中的工作负载节点.每个node都会被master分配一些工作负载,每个node节点都运行以下关键服务进程.Kubelet :负责pod对应的容器的创建.启停等任务 ...

随机推荐

  1. HTTP协议入门知识

    HTTP超文本传输协议,是客户端浏览器和服务器通信的规范,是浏览器与服务器通信的协议,属于应用层的协议,web开发者了解HTTP协议非常重要.浏览器通过http协议请求服务器,完成请求服务器立刻关闭连 ...

  2. CSS3动画之旋转魔方盒

    步骤: 1.大盒子里盛放六个子盒子代表立方体的6个面: 2.子盒子开启3d效果  transform-style:preserve-3d; 3.上下面沿X轴旋转90度,一个上移盒子一半高,一个下移盒子 ...

  3. 关于 jQuery中 function( window, undefined ) 写法的原因

    今天在读 jQuery 源码的时候,发现下面的写法: (function(window,undefined){ ...// code goes here })(window); window 作为参数 ...

  4. sitemap.xml 静态和动态生成页面 shopnc二次开发 动态生成sitemap.xml

    Sitemap 可方便网站管理员通知搜索引擎他们网站上有哪些可供抓取的网页.最简单的 Sitemap 形式,就是XML 文件,在其中列出网站中的网址以及关于每个网址的其他元数据(上次更新的时间.更改的 ...

  5. Document原来可以这样来获取DOM

    images集合(页面中的图象) a)通过集合引用 代码 document.images              //对应页面上的<img>标签 document.images.leng ...

  6. C# 集合性能比较(代码测试)

    using System; using System.Collections; using System.Collections.Generic; using System.Data; using S ...

  7. C# ReferenceEquals(), static Equals(), instance Equals(), 和运算行符==之间的关系

    C#充许你同时创建值类型和引用类型.两个引用类型的变量在引用同一个对象时,它们是相等的,就像引用到对象的ID一样.两个值类型的变量在它们的类型和内容都是相同时,它们应该是相等的.这就是为什么相等测试要 ...

  8. ArcGIS 栅格数据已加载后的获取

    原文 http://www.cnblogs.com/zoe-j/archive/2012/02/16/2354037.html 简单记一下,最近开始做Arcgis engine的开发, 已经通过了to ...

  9. Apache Commons Pool2 源码分析 | Apache Commons Pool2 Source Code Analysis

    Apache Commons Pool实现了对象池的功能.定义了对象的生成.销毁.激活.钝化等操作及其状态转换,并提供几个默认的对象池实现.在讲述其实现原理前,先提一下其中有几个重要的对象: Pool ...

  10. windows7 spark单机环境搭建及pycharm访问spark

    windows7 spark单机环境搭建 follow this link how to run apache spark on windows7 pycharm 访问本机 spark 安装py4j ...