Phương thức CSSStyleDeclaration setProperty()

Đối tượng CSSStyleDeclaration

Định nghĩa và cách sử dụng

setProperty() Phương pháp này đặt thuộc tính CSS mới trong khối biểu thị CSS hoặc chỉnh sửa thuộc tính hiện có.

Mô hình

Ví dụ 1

Đặt thuộc tính CSS mới:

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("background-color", "yellow");

Thử ngay

Ví dụ 2

Đặt thuộc tính CSS mới với ưu tiên "important":

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("background-color", "yellow", "important");

Thử ngay

Ví dụ 3

Chỉnh sửa thuộc tính CSS hiện có:

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("color", "blue");

Thử ngay

Cú pháp

object.setProperty(propertyname, value, priority)

Tham số

Tham số Mô tả
propertyname Bắt buộc. Chữ chuỗi, biểu thị tên thuộc tính cần thiết.
value Tùy chọn. Chữ chuỗi biểu thị giá trị mới.
priority

Tùy chọn. Chữ chuỗi biểu thị rằng ưu tiên của thuộc tính có nên được thiết lập là quan trọng.

Giá trị hợp lệ:

  • "important"
  • undefined
  • ""

Chi tiết kỹ thuật

Phiên bản DOM: CSS Object Model
Giá trị trả về: undefined

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ 9.0 Hỗ trợ Hỗ trợ Hỗ trợ
Đối tượng CSSStyleDeclaration