setAttribute 和 对象设置属性的区别

Posted 2023-05-08

参考技术A html：

JS:

运行结果：

如果是标签自带的属性，通过以上两种方法设置 ，都是可已在HTML结构显示的
但是如果是自定义属性 ，通过点方法（对象）设置 是不会显示在HTML上的

js：

运行结果：

可以看出通过setAttribute设置的 不管是标签自带的属性还自定义属性都是可以显示在HTML结构上的 所以为HTML上设置属性一般用setAttribute()

还要就是通过点方法设置的自定义属性 是不能通过getAttribute()获取的

最后总结：设置属性时如果是自带属性时用点语法，自定义属性用setAttribute() 获取用getAttribute()

关于getAttribute与setAttribute（节点属性）的用法

setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。

语法：

elementNode.setAttribute(name,value)

说明：

1.name: 要设置的属性名。

2.value: 要设置的属性值。

 

 

 

getAttribute()方法通过元素节点的属性名称获取属性的值。

语法：

elementNode.getAttribute(name)

说明:

1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。

2. name：要想查询的元素节点的属性名字