<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
onload = function(){
// console.log("+"+a+"+");
//改变文本的值方法
// var b="我是唯一的文本";
// document.body.lastChild.nodeValue=b;
// console.log(document.body.nodeName);
//属性节点使用该属性时的结果
// var a1=document.body.getAttributeNode("id").nodeName;
// console.log(a1);//字符串“id”
// var a2=document.body.attributes[0].nodeName;
// console.log(a2);//另外一种方法访问属性节点
//文本节点使用该属性时的结果
// console.log(document.body.lastChild.nodeName);//文本节点得到#text
// console.log(document.body.getAttributeNode("id").nodeType);
// console.log(document.body.lastChild.nodeType);
}
</script>
</head>
<body id="q">
这是一个文本节点
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
onload = function(){
// 常见的节点属性
// 1.nodeValue表示节点的值 所有的节点都有该属性 一般文本节点才会使用
// var a=document.body.lastChild.nodeValue;// console.log("+"+a+"+");
//改变文本的值方法
// var b="我是唯一的文本";
// document.body.lastChild.nodeValue=b;
//2,nodeName表示节点的名字 所有节点都有该属性 但是一般元素节点<html><body>什么的才会使用
//元素节点打印的元素名都为大写// console.log(document.body.nodeName);
//属性节点使用该属性时的结果
// var a1=document.body.getAttributeNode("id").nodeName;
// console.log(a1);//字符串“id”
// var a2=document.body.attributes[0].nodeName;
// console.log(a2);//另外一种方法访问属性节点
//文本节点使用该属性时的结果
// console.log(document.body.lastChild.nodeName);//文本节点得到#text
//3.nodeType 结果数字1表示元素节点 2表示属性节点 3表示文本节点
// console.log(document.body.nodeType);// console.log(document.body.getAttributeNode("id").nodeType);
// console.log(document.body.lastChild.nodeType);
}
</script>
</head>
<body id="q">
这是一个文本节点
</body>
</html>