dom物件中常見節點的屬性
阿新 • • 發佈:2019-01-24
<!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.nodeType);
// 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.getAttributeNode("id").nodeType);
// console.log(document.body.lastChild.nodeType);
}
</script>
</head>
<body id="q">
這是一個文字節點
</body>
</html>