js中nodeName nodeType nodeValue的用法和区别
2016-07-08 08:07
537 查看
js中nodeName nodeType nodeValue的用法和区别
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function test(){
//nodeName nodeType nodeValue
//元素节点 nodeName 标签名 nodeType 1 nodeValue null
//属性节点 nodeName 属性名 nodeType 2 nodeValue 属性值
//文本节点 nodeName #text nodeType 3 nodeValue 文本的值
var div1=document.getElementById("div1");
// alert("nodoName--"+div1.nodeName);//DIV
// alert("nodoType--"+div1.nodeType);//1
// alert("nodoValue--"+div1.nodeValue);//null
var attrs=div1.attributes;//attributes属性节点的集合
alert(attrs[0]);//数组[object Attr]
alert("nodoName--"+attrs[0].nodeName);//id
alert("nodoType--"+attrs[0].nodeType);//2
alert("nodoValue--"+attrs[0].nodeValue);//div1
}
</script>
</head>
<body>
<div id="div1">aaaaaaaaaaaaa</div>
<input type="button" value="test" onclick="test()" />
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function test(){
//nodeName nodeType nodeValue
//元素节点 nodeName 标签名 nodeType 1 nodeValue null
//属性节点 nodeName 属性名 nodeType 2 nodeValue 属性值
//文本节点 nodeName #text nodeType 3 nodeValue 文本的值
var div1=document.getElementById("div1");
// alert("nodoName--"+div1.nodeName);//DIV
// alert("nodoType--"+div1.nodeType);//1
// alert("nodoValue--"+div1.nodeValue);//null
var attrs=div1.attributes;//attributes属性节点的集合
alert(attrs[0]);//数组[object Attr]
alert("nodoName--"+attrs[0].nodeName);//id
alert("nodoType--"+attrs[0].nodeType);//2
alert("nodoValue--"+attrs[0].nodeValue);//div1
}
</script>
</head>
<body>
<div id="div1">aaaaaaaaaaaaa</div>
<input type="button" value="test" onclick="test()" />
</body>
</html>
相关文章推荐
- Nodejs学习路线图
- Node.js 文件夹目录结构创建实例代码
- ElasticSearch 单表(json格式)导入之nodejs+elasticdump运用
- 利用nvm自由切换Node.js版本
- 19. Remove Nth Node From End of List
- LeetCode 第 19 题 (Remove Nth Node From End of List)
- LeetCode 第 19 题 (Remove Nth Node From End of List)
- DOM之parentNode与offsetParent
- nodejs npm常用命令
- Leetcode Delete Node in a Linked List
- 在github上搭建blog(基于Node.js的Hexo+next)
- Node.js:express (post get querystring json sendFile)
- 原生JS 循环Nodelist Dom列表的4种方式
- nodejs 设计思想杂记四 异步控制流模式
- Nodejs学习路线图
- Nodejs中关于类的创建
- LeetCode 19. Remove Nth Node From End of List详解
- 关于nodejs中使用命令行启动报错的问题
- 5. node.js 的 模块(Module)和包(Package)
- 3. node.js 异步式I/O或非阻塞式I/O