JS-DOM属性的设置、获取、删除和检测

最新推荐文章于 2023-09-07 15:52:30 发布

BBBuild~

最新推荐文章于 2023-09-07 15:52:30 发布

阅读量937

点赞数

分类专栏：前端文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/gogaogao/article/details/129662684

版权

前端专栏收录该内容

29 篇文章 1 订阅

订阅专栏

dom元素上一些普通常见的属性是可以直接获取或者设置的，例如id class type href src
自定义属性必须使用attribute
只想挂属性不想挂值，setAttribute （属性，" "）

一、设置属性 setAttribute （属性，属性值）

<body>
  <div id="div1" class="div2"></div>
  <script type="text/javascript">
  	div1.setAttribute('class','div3');
  	div1.setAttribute('sunline','');
  </script>
</body>

二、获取属性 getAttribute（属性）

三、删除属性 removeAttribute（属性）

四、检测属性 hasAttribute

判断元素上的属性，有的情况下返回true

<body>
  <a href="http://www.baidu.com" id="needA">链接</a>
  <script type="text/javascript">
  	console.log(needA.hasAttribute('href')) //true
  </script>
</body>