removeAttribute getAttribute setAttribute

JinB 发布于2019-08-21 18:00 / 2106人阅读

摘要：良好的编程习惯是减少的保证方法添加指定的属性，并为其赋指定的值。注意如果这个指定的属性已存在，则仅设置更改值。通过对文档做出修改后，在通过浏览器的源代码查看时看到的仍然是改变前的属性值。

1.removeAttribute() 方法删除指定的属性。

注：removeAttributeNode() 方法从元素中删除指定的属性节点。
简单的来讲，removeAttribute() 移除元素内的属性；




  Hello World

2.getAttribute() 方法通过名称获取属性的值。（属性不存在时返回null）

注：getAttributeNode() 方法从当前元素中通过名称获取属性节点。




  Hello World

获取 dom 节点数据请不要用其他方法，统一用getattribute，获取对象属性方括号是兼容性最广的，点号方便，但是低版本 ie 有兼容性问题。良好的编程习惯是减少bug的保证

3.setAttribute() 方法添加指定的属性，并为其赋指定的值。

*注意：如果这个指定的属性已存在，则仅设置/更改值。
和getAttribute一样，setAttribute只是用于元素节点
*

点击按钮来设置按钮的 type 属性。

Internet Explorer 8 以及更早的版本不支持此方法。

通过setAttribute对文档做出修改后，在通过浏览器的源代码查看时看到的仍然是改变前的属性值。这种“表里不一”的现象源自DOM的工作模式：先加载文档的静态内容，在动态刷新，动态刷新不影响文档的静态内容。

                                                      -DOM编程艺术

云服务器 GPU云服务器 removeAttribute setAttribute getattributes getAttribute

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/90327.html

removeAttribute getAttribute setAttribute

摘要：良好的编程习惯是减少的保证方法添加指定的属性，并为其赋指定的值。注意如果这个指定的属性已存在，则仅设置更改值。通过对文档做出修改后，在通过浏览器的源代码查看时看到的仍然是改变前的属性值。 1.removeAttribute() 方法删除指定的属性。注：removeAttributeNode() 方法从元素中删除指定的属性节点。简单的来讲，removeAttribute() 移除元素内...

elisa.yang 2019-08-02 16:00 评论0 收藏0
removeAttribute getAttribute setAttribute

摘要：良好的编程习惯是减少的保证方法添加指定的属性，并为其赋指定的值。注意如果这个指定的属性已存在，则仅设置更改值。通过对文档做出修改后，在通过浏览器的源代码查看时看到的仍然是改变前的属性值。 1.removeAttribute() 方法删除指定的属性。注：removeAttributeNode() 方法从元素中删除指定的属性节点。简单的来讲，removeAttribute() 移除元素内...

wwolf 2019-08-29 13:59 评论0 收藏0
【EASYDOM系列教程】之属性操作

摘要：对象提供了一些方法实现元素的属性操作，这种操作要比对象提供的方法操作属性节点要更便捷。值得注意的是如果指定的属性不存在，则返回或空字符串。如果删除的属性不存在的话，不会引发任何异常。 Element 对象提供了一些方法实现 HTML 元素的属性操作，这种操作要比 Node 对象提供的方法操作属性节点要更便捷。获取指定元素的属性 Element 对象提供了 getAttribute()...

BigNerdCoding 2019-08-21 11:59 评论0 收藏0
温故js系列（6）-DOM

摘要：相同之处标准的与是同步的。公认的非自定义的特性会被以属性的形式添加到对象中。不过传递给的特性名与实际的特性名相同。如，，，，等事件处理程序。最好控制在最合理的范围内。返回了元素大小，默认单位是。前端学习：教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-前端资源汇总欢迎提issues斧正：DOM JavaScript-DOM DOM简介 DOM（Do...

xiaochao 2019-08-20 10:19 评论0 收藏0
EasyUI项目之购物车功能

摘要：前言继续讲解项目网上书城之加入购物车，清空购物车功能码字不易，点个关注转载请说明开发工具，目录目标目标代码展示代码展示加入购物车加入购物车清空购物车清空购物车思维导图实现购物车的三种方式目标加入购物车，清空购物车代码展前言：继续讲解EasyUi项目《网上书城》之加入购物车，清空购物车功能 ...

PrototypeZ 2021-10-12 10:11 评论0 收藏0