CSSStyleDeclaration là gì?

Giao diện CSSStyleDeclaration đại diện cho một đối tượng là khối khai báo CSS và hiển thị thông tin về kiểu dáng cũng như các phương thức và thuộc tính liên quan đến kiểu dáng khác nhau

Một đối tượng CSSStyleDeclaration có thể được hiển thị bằng ba API khác nhau

• Thông qua HTMLElement.style, giải quyết các kiểu nội tuyến của một phần tử (e. g. ,

  )

• Thông qua API CSSStyleSheet. Ví dụ: document.styleSheets[0].cssRules[0].style trả về một đối tượng CSSStyleDeclaration trên quy tắc CSS đầu tiên trong biểu định kiểu đầu tiên của tài liệu
• Qua Window.getComputedStyle(), hiển thị đối tượng CSSStyleDeclaration dưới dạng giao diện chỉ đọc

Giao diện CSSStyleDeclaration đại diện cho một đối tượng là khối khai báo CSS và hiển thị thông tin về kiểu dáng cũng như các phương thức và thuộc tính liên quan đến kiểu dáng khác nhau

Một đối tượng CSSStyleDeclaration có thể được hiển thị bằng ba API khác nhau

• Thông qua HTMLElement.style, giải quyết các kiểu nội tuyến của một phần tử (e. g. ,

  object.parentRule

  3)
• Thông qua API CSSStyleSheet. Ví dụ: document.styleSheets[0].cssRules[0].style trả về một đối tượng CSSStyleDeclaration trên quy tắc CSS đầu tiên trong biểu định kiểu đầu tiên của tài liệu
• Qua Window.getComputedStyle(), hiển thị đối tượng CSSStyleDeclaration dưới dạng giao diện chỉ đọc

Thuộc tính

CSSStyleDeclaration0Biểu diễn văn bản của khối khai báo. Đặt thuộc tính này sẽ thay đổi kiểu. CSSStyleDeclaration1 Chỉ đọc Số lượng thuộc tính. Xem phương pháp CSSStyleDeclaration2 bên dưới. CSSStyleDeclaration3 Chỉ đọcChứa CSSStyleDeclaration4

Thuộc tính CSS

CSSStyleDeclaration5 Bí danh đặc biệt cho thuộc tính CSS CSSStyleDeclaration6. CSSStyleDeclaration thuộc tính có tênDashed và thuộc tính vỏ lạc đà cho tất cả các thuộc tính CSS được hỗ trợ

phương pháp

CSSStyleDeclaration8Trả về mức độ ưu tiên tùy chọn, "quan trọng". CSSStyleDeclaration9Trả về giá trị thuộc tính cho một tên thuộc tính. CSSStyleDeclaration0Trả về tên thuộc tính CSS theo chỉ mục của nó hoặc chuỗi trống nếu chỉ mục nằm ngoài giới hạn. Một cách thay thế để truy cập CSSStyleDeclaration1 (thay vào đó trả về CSSStyleDeclaration2 khi CSSStyleDeclaration3 vượt quá giới hạn). Điều này chủ yếu hữu ích cho việc triển khai DOM không phải JavaScript. CSSStyleDeclaration4Xóa thuộc tính khỏi khối khai báo CSS. CSSStyleDeclaration5Sửa đổi thuộc tính CSS hiện có hoặc tạo thuộc tính CSS mới trong khối khai báo. CSSStyleDeclaration6 Chỉ được hỗ trợ qua getComputingStyle trong Firefox. Trả về giá trị thuộc tính dưới dạng CSSStyleDeclaration7 hoặc CSSStyleDeclaration8 cho thuộc tính tốc ký

Thí dụ

var styleObj = document.styleSheets[0].cssRules[0].style;
console.log(styleObj.cssText);

for (var i = styleObj.length; i--;) {
  var nameString = styleObj[i];
  styleObj.removeProperty(nameString);
}

console.log(styleObj.cssText);

thông số kỹ thuật

SpecificationStatusComment Bản thảo làm việc Đã hợp nhất giao diện CSSStyleDeclaration9 Kiểu DOM Cấp 2 thành CSSStyleDeclaration. Lỗi thờiđịnh nghĩa ban đầu

Tính tương thích của trình duyệt web

Bảng tương thích trong trang này được tạo từ dữ liệu có cấu trúc. Nếu bạn muốn đóng góp cho dữ liệu, vui lòng xem https. //github. com/mdn/browser-compat-data và gửi yêu cầu kéo cho chúng tôi

Thuộc tính parentRule được sử dụng để trả về Đối tượng CSSRule đại diện cho bộ quy tắc CSS có chứa bộ chọn và khối khai báo.  

cú pháp. Nó được sử dụng để trả về thuộc tính parentRule

object.parentRule

Giá trị trả về. Nó trả về đối tượng CSSRule.  

Thí dụ. Để trả về thuộc tính parentRule.  

html

HTMLElement.style0HTMLElement.style1HTMLElement.style2

 

HTMLElement.style0HTMLElement.style4HTMLElement.style2

HTMLElement.style6HTMLElement.style0____48HTMLElement.style2

HTMLElement.style01HTMLElement.style02

HTMLElement.style6HTMLElement.style04HTMLElement.style8HTMLElement.style2

HTMLElement.style6HTMLElement.style0____409HTMLElement.style2

HTMLElement.style01HTMLElement.style12

HTMLElement.style13HTMLElement.style14

_______401____416

HTMLElement.style01

HTMLElement.style01HTMLElement.style19

HTMLElement.style13HTMLElement.style21

_______401____416

HTMLElement.style01

HTMLElement.style01HTMLElement.style26

HTMLElement.style13HTMLElement.style21

HTMLElement.style13HTMLElement.style00

_______401____416

HTMLElement.style6HTMLElement.style04HTMLElement.style09HTMLElement.style2

HTMLElement.style04HTMLElement.style4HTMLElement.style2

 

HTMLElement.style0HTMLElement.style41HTMLElement.style2

HTMLElement.style6HTMLElement.style0____445HTMLElement.style2

HTMLElement.style47HTMLElement.style48

HTMLElement.style49HTMLElement.style04HTMLElement.style45HTMLElement.style2

 

HTMLElement.style6HTMLElement.style0____425 HTMLElement.style26

HTMLElement.style47HTMLElement.style28

HTMLElement.style49HTMLElement.style04HTMLElement.style25HTMLElement.style2

 

HTMLElement.style6HTMLElement.style0____425HTMLElement.style2

HTMLElement.style47HTMLElement.style68

HTMLElement.style47HTMLElement.style00

HTMLElement.style49HTMLElement.style04HTMLElement.style25HTMLElement.style2

 

HTMLElement.style6HTMLElement.style0____407 HTMLElement.style08

HTMLElement.style01HTMLElement.style80

HTMLElement.style6HTMLElement.style04HTMLElement.style07HTMLElement.style2

 

HTMLElement.style6 ________ 40HTMLElement.style25 ________ 488HTMLElement.style25 ________ 42

HTMLElement.style6HTMLElement.style002

HTMLElement.style6HTMLElement.style0____4005HTMLElement.style2

_______401____4008

_______413____4010

________ 4011 ________ 4012

HTMLElement.style013HTMLElement.style014

HTMLElement.style13HTMLElement.style016

_______401____416

HTMLElement.style6HTMLElement.style04HTMLElement.style005HTMLElement.style2

HTMLElement.style04HTMLElement.style41HTMLElement.style2

 

HTMLElement.style04HTMLElement.style1HTMLElement.style2

đầu ra

• Trước khi bấm vào nút

 

• Sau khi nhấp vào nút

 

Trình duyệt được hỗ trợ. Các trình duyệt được Thuộc tính parentRule của Khai báo Kiểu hỗ trợ được liệt kê bên dưới

Khai báo kiểu CSS là gì?

Ví dụ khai báo CSS là gì?

Khai báo CSS chứa gì?

Quy tắc kiểu CSS là gì?