层次节点——NODE节点
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节点的更多相关文章
- Kubernets二进制安装(11)之部署Node节点服务的kubelet
集群规划 主机名 角色 IP地址 mfyxw30.mfyxw.com kubelet 192.168.80.30 mfyxw40.mfyxw.com kubelet 192.168.80.40 注意: ...
- DOM(一)：节点层次－Node类型
Node类型DOM1级定义了一个Node接口,该接口将由DOM中的所有节点类型实现,每个节点都有一个nodeType属性,用于表明节点的类型.节点类型由在Node类型中定义的下列12个数值常量来表示, ...
- 第10章 文档对象模型DOM 10.1 Node节点类型
DOM是针对 HTML 和 XML 文档的一个 API(应用程序编程接口) .DOM描绘了一个层次化的节点树,允许开发人员添加.移除和修改页面的某一部分.DOM 脱胎于Netscape 及微软公司创始 ...
- Linux内存描述之内存节点node–Linux内存管理(二)
日期 内核版本 架构 作者 GitHub CSDN 2016-06-14 Linux-4.7 X86 & arm gatieme LinuxDeviceDrivers Linux内存管理 #1 ...
- Node节点
1.Node:节点元素节点->HTML标签文本节点->文字 但是在标准浏览器(除了IE6~8)中会把空格和换行都当做文本节点来处理注释节点->注释document2.节点的特征元素节 ...
- cocos2d-x 3.0 画图节点——Node
***************************************转载请注明出处:http://blog.csdn.net/lttree************************** ...
- Kubernetes移除node节点
1.kubectl delete node {{节点名称}} 2.删除node节点上由kubelet自动生成的kubelet.kubeconfig配置文件,和ssl密钥证书kubelet.key,ku ...
- 二进制安装 kubernetes 1.12(四) - 部署 Node 节点组件
在 master 上操作 vi /etc/profile export PATH=/opt/kubernetes/bin:$PATH source /etc/profile 将 kubelet-boo ...
- Kubernetes集群部署之五node节点部署
Node节点是Kubernetes集群中的工作负载节点.每个node都会被master分配一些工作负载,每个node节点都运行以下关键服务进程.Kubelet :负责pod对应的容器的创建.启停等任务 ...
随机推荐
- python之安装
1.python控制软件pyenv 依赖软件:git [root@localhost ~]# curl https://raw.github.com/yyuu/pyenv-installer/mast ...
- Method Resolution Order – Python类的方法解析顺序
在支持多重继承的编程语言中,查找方法具体来自那个类时的基类搜索顺序通常被称为方法解析顺序(Method Resolution Order),简称MRO.(Python中查找其它属性也遵循同一规则.)对 ...
- Eclipse 安装使用 Maven
安装 Maven 下载 Maven http://mirrors.hust.edu.cn/apache/maven/maven-3/3.3.9/binaries/apache-maven-3.3.9 ...
- 剑指offer-面试题21.包含min函数的栈
题目:定义栈的数据结构,请在该类型中实现一个能够得到栈的最小元素的min函数. 在该栈中,调用min,push及pop的时间复杂度都是O(1). 这一题实际上需要一个辅助栈存储最小值: 1.在模板类定 ...
- 见过的最好的Layout讲解，挺全的
见过的最好的Layout讲解,挺全的 1. http://wenku.baidu.com/link?url=-9wSWx-oLet8R51iXUbikEMWZF8DK4-n6AqoA5_fk3rtrh ...
- Java语言程序设计(基础篇) 第八章 多维数组
第八章 多维数组 8.2 二维数组的基础知识 二维数组中的元素通过行和列的下标来访问. 8.2.1 声明二维数组变量并创建二维数组 下面是二维数组的语法: 数据类型[][] 数组名; int[][] ...
- Bridging signals（二分 二分+stl dp）
欢迎参加——每周六晚的BestCoder(有米!) Bridging signals Time Limit: 5000/1000 MS (Java/Others) Memory Limit: 6 ...
- SQL Server2005使用CTE实现递归
本文来自:http://www.cnblogs.com/wenjl520/archive/2010/01/18/1650393.html CTE递归原理: 递归CTE是由两个最小查询构建的.第一个是定 ...
- Oracle学习(十)：视图，索引，序列号，同义词
1.知识点:能够对比以下的录屏进行阅读 视图,序列,索引,同义词 SQL> --视图:虚表 SQL> --视图的长处:简化复杂查询.限制数据訪问(银行用的多).提供数据的相互独立.相同的数 ...
- hdu 4635 Strongly connected （tarjan）
题意:给一个n个顶点m条弧的简单有向图(无环无重边),求最多能够加入多少条弧使得加入后的有向图仍为简单有向图且不是一个强连通图.假设给的简单有向图本来就是强连通图,那么输出-1. 分析: 1.用tar ...