dom对象中常见节点的属性

最新推荐文章于 2024-08-02 07:55:38 发布

两年不用下次再用不知道什么时候的账号

最新推荐文章于 2024-08-02 07:55:38 发布

阅读量2.6k

点赞数 1

分类专栏： dom操作文章标签： dom节点属性 JavaScript 用法

本文链接：https://blog.csdn.net/wuqiongqiong_/article/details/72853754

版权

dom操作专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE 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>

两年不用下次再用不知道什么时候的账号

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
dom对象中常见节点的属性

onload = function(){ // 常见的节点属性 // 1.nodeValue表示节点的值所有的节点都有该属性一般文本节点才会使用 // var a=document.body.lastChild.nodeValue; // console.log("+"+a+"+");
复制链接

扫一扫