DOM中的三种类型的节点:元素节点,属性节点,文本节点
来源:互联网 发布:typedef struct node 编辑:程序博客网 时间:2024/04/28 02:47
节点信息
每个节点都拥有包含着关于节点某些信息的属性。这些属性是:
- nodeName(节点名称)
- nodeValue(节点值)
- nodeType(节点类型)
nodeType
nodeType 属性可返回节点的类型。
最重要的节点类型是:
在实际应用中,经常用到的就是元素节点、属性节点和文本节点了,下面我们通过小段代码进行讲解
1:元素节点
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/JavaScript">
function displayNodeInfo(){
var x=document.getElementById("test");
alert("nodeName:"+x.nodeName+", nodeValue:"+x.nodeValue+", nodeType:"+x.nodeType);
}
</script>
<title>无标题文档</title>
</head>
<body>
<input type="button" value="测试" onclick="displayNodeInfo();" /><br />
<div id="test">Test</div>
</body>
2:属性节点
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/JavaScript">
function displayNodeInfo(){
var x=document.getElementById("t").getAttributeNode("href");
alert("nodeName:"+x.nodeName+", nodeValue:"+x.nodeValue+", nodeType:"+x.nodeType);
}
</script>
<title>无标题文档</title>
</head>
<body>
<input type="button" value="测试" onclick="displayNodeInfo();" /><br />
<div><a href="b" id="t">这是一个连接</a></div>
</body>
分析运行结果,其三个属性的值分别为:
3:文本节点
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/JavaScript">
function displayNodeInfo(){
var x=document.getElementById("test");
alert(x.innerHTML);
}
</script>
<title>无标题文档</title>
</head>
<body>
<input type="button" value="测试" onclick="displayNodeInfo();" /><br />
<div id="test">Test</div>
</body>
结果如下所示:
- DOM中的三种类型的节点:元素节点,属性节点,文本节点
- DOM中元素节点、属性节点、文本节点的理解
- DOM中元素节点、属性节点、文本节点的理解
- DOM中元素节点、属性节点、文本节点的理解
- DOM中元素节点、属性节点、文本节点的理解
- DOM中元素节点、属性节点、文本节点的理解
- DOM中元素节点、属性节点、文本节点的理解
- DOM中元素节点、属性节点、文本节点的理解
- DOM中元素节点、属性节点、文本节点的理解
- DOM 中的文档节点,元素节点,属性节点,文本节点,注释节点
- 元素节点、属性节点、文本节点 的节点属性
- DOM 中,元素节点、属性节点、文本节点讲解
- DOM中元素节点、属性节点、文本节点
- 认识DOM的三大节点:元素节点,文本节点,属性节点以及nodeName,nodeType,nodeValue的区别
- 认识DOM的三大节点:元素节点,文本节点,属性节点以及nodeName,nodeType,nodeValue的区别
- 认识DOM的三大节点:元素节点,文本节点,属性节点以及nodeName,nodeType,nodeValue的区别
- 认识DOM的三大节点:元素节点,文本节点,属性节点以及nodeName,nodeType,nodeValue的区别
- 认识DOM的三大节点:元素节点,文本节点,属性节点以及nodeName,nodeType,nodeValue的区别
- 二十二、外观设计模式
- 【连载】关系型数据库是如何工作的?(11) - 查询管理器之rewriter
- Tomcat
- IO流----文件字节流、文件字符流
- C++ Singleton (单例) 模式最优实现
- DOM中的三种类型的节点:元素节点,属性节点,文本节点
- MySQL创建用户与授权方法
- Sqlite基础
- leetcode 82-- Remove Duplicates from Sorted List II 链表 双指针 删除元素
- g++起步
- python 如何输出百分数(如23%)
- 第十周第十一周项目2点圆圆柱类
- php页面跳转的几种方式
- 从1到n整数中1出现的次数