JavaScript-DOM-getAttribute&setAttribute方法

1.getAttribute方法可以获取Dom对象的属性值(主要用于获取自定义属性的值)

参数:属性名

返回值:对应属性值

<p id = "p1" class = "pc" data-type = "string"></p>

var pcls = document.getElementById(p1).getAttribute("class");

console.log(pcls);

输出结果:pc


2.setAttribute方法,用于设定Dom对象的属性

参数:属性名

<p id ="p2"></p>

var scls = document.getElementById("p2").setAttribute("class","pc");


Dom元素变成:

<p id =""p2 class = "pc"></p>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,736评论 0 8
  • 前言 归根结底,代码都是思想和概念的体现。没人能把一种程序设计语言的所有语法和关键字都记住,可以查阅参考书来解决。...
    朱细细阅读 8,072评论 4 14
  • 本章内容 理解包含不同层次节点的 DOM 使用不同的节点类型 克服浏览器兼容性问题及各种陷阱 DOM 是针对 HT...
    闷油瓶小张阅读 3,947评论 0 1
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 5,192评论 0 5
  • 1 晨间日记应该从日记天气等简单内容写起。这样可以增加仪式感,使记日记更容易进行下去 2晨间日记应该在3分钟左右完...
    iris_redmoon阅读 5,016评论 0 0