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

前端之家收集整理的这篇文章主要介绍了网易云笔记-前端微专业-DOM编程艺术-属性操作、样式操作(笔记)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

属性操作

  • 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()

获取到element对象的color
原文链接:https://www.f2er.com/note/422409.html

猜你在找的程序笔记相关文章