加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > C语言 > 正文

网易云笔记-前端微专业-DOM编程艺术-属性操作、样式操作(笔记)

发布时间:2020-12-15 00:45:13 所属栏目:C语言 来源:网络整理
导读:属性操作 property accessor getAttribute/setAttribute dataset property accessor 读 写 类型 String Number Boolean Function getAttribute/setAttribute 读 写 类型 String dataset HTMLElement.dataset data-* 属性集 元素上保存数据 样式操作 CSS > DO

属性操作

  • property accessor

  • getAttribute/setAttribute

  • dataset

property accessor


   
  • 类型

    • String

    • Number

    • Boolean

    • Function

getAttribute/setAttribute


   
  • 类型

    • String

dataset

  • HTMLElement.dataset

  • data-* 属性集

  • 元素上保存数据

样式操作

CSS > DOM

 document.styleSheets // 外部样式表和内部样式表 
element.style // 内嵌样式表

element.sheet.cssRules[1].style.lineHeight // p标签里面的line-height属性
element.sheet.cssRules[1].selectorText // p标签

element.style.color // 内嵌样式表里面的color值
element.style.cssText = 'border-color:read;color:red;';
element.className = 'class'; //设置element的class值为class

window.getComputedStyle()

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读