属性和属性节点

最新推荐文章于 2022-08-23 20:37:23 发布

Cao_Mary

最新推荐文章于 2022-08-23 20:37:23 发布

阅读量3.6k

点赞数 4

CC 4.0 BY-SA版权

分类专栏：前端 javaScript HTML+CSS 控制台使用文章标签： JavaScript 属性属性节点

本文链接：https://blog.youkuaiyun.com/Cao_Mary/article/details/90642266

前端同时被 3 个专栏收录

54 篇文章

订阅专栏

javaScript

31 篇文章

订阅专栏

HTML+CSS

19 篇文章

订阅专栏

本文围绕JavaScript的属性和属性节点展开。介绍了属性是对象身上保存的变量，说明了属性的赋值和获取操作；阐述属性节点是HTML标签中添加的属性，保存在DOM元素的attributes属性中，还讲解了属性节点的设置和获取方法，最后指出属性和属性节点的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.什么是属性？

属性就是对象身上保存的变量
只要对象身上都可以添加属性(无论是自定义对象,还是DOM对象)

// 1.自定义一个对象
var obj = {};
console.log(obj);
// 2.动态给自定义对象添加属性
obj.name = "lnj"; // name就是对象obj的一个属性
obj.age = 33; // age就是对象obj的一个属性
console.log(obj);

2.如何操作属性？

赋值：对象.属性名称 = 值；
对象[“属性名称”] = 值；
获取：对象.属性名称;
对象[“属性名称”];

3.什么是属性节点

    <span name="it666"></span>

在编写HTML代码时，在HTML标签（span）中添加的属性（name）就是属性节点
在浏览器中找到span这个DOM元素（对象）之后，展开看到的都是属性，在attributes属性中保存的所有内容都是属性节点。
任何对象都有属性，只有DOM元素有属性节点。所有的属性节点都保存在DOM元素的attributes属性中。

4.如何操作属性节点

设置属性节点值：DOM元素.setAttribute(“属性名称”,“属性值”);
获取属性节点值：DOM元素.getAttribute(“属性名称”)

5.属性和属性节点有什么区别？

任何对象都有属性，只有DOM对象才有属性节点。