CSSKeyframesRule: phương thức deleteRule()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2016.

Phương thức deleteRule() của giao diện CSSKeyframeRule xóa CSSKeyFrameRule khớp với bộ chọn keyframe đã chỉ định.

Cú pháp

deleteRule(select)

Tham số

select

Một chuỗi chứa bộ chọn keyframe của quy tắc cần xóa, phải là:

một danh sách phần trăm phân cách bằng dấu phẩy giữa 0% và 100%;
hoặc các từ khóa from hoặc to.

Lưu ý rằng số lượng và thứ tự các giá trị trong bộ chọn keyframe đã chỉ định phải khớp với các quy tắc keyframe mục tiêu. Khoảng trắng được bỏ qua.

CSS bao gồm một keyframes at-rule. Đây sẽ là CSSRule đầu tiên được trả về bởi document.styleSheets[0].cssRules. myRules[0] trả về một đối tượng CSSKeyframesRule. Trả về thuộc tính cssRules sẽ trả về một CSSRuleList chứa hai quy tắc.

Sau khi xóa một quy tắc với deleteRule(), thuộc tính cssRules trả về một CSSRuleList chứa một quy tắc.

css

@keyframes slide-in {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(100%);
  }
}

let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
keyframes.deleteRule("to");
console.log(keyframes.cssRules); // a CSSRuleList object with one rule