29
4
Tôi đang cố gắng sử dụng các loại có sẵn của trình duyệt Khai báo CSSStyle Truyền và sửa đổi kiểu theo chương trình (do .cssText thuộc tính, thuận tiện).
Nhưng,CSSStyleDeclaration mới() sẽ ném mộtNhà xây dựng bất hợp pháp sai lầm. vì vậy tôi đã cố gắng Object.create(CSSStyleDeclaration.prototype), có vẻ như hoạt động nhưng đối tượng kết quả hoạt động không chính xác. Ví dụ, trong một Khai báo CSSStyle kêu gọi .cssText sẽ gây ra Lời kêu gọi bất hợp pháp.
Có cách nào "đúng" để xây dựng khôngKhai báo CSSStyle? Hoặc có cách nào tốt hơn để tạo kiểu theo chương trình bằng cách sử dụng các kiểu dựng sẵn không?
(Tôi không muốn thực hiện thao tác chuỗi, tôi muốn tránh tạo kiểu của riêng mình hoặc thêm phụ thuộc của bên thứ ba.)
câu trả lời hay nhất
Bạn có thể tạo một phần tử DOM tạm thời và sử dụng nó style tài sản:
Trung tâm cá nhân
Điều phát hành
từ bỏquy tắc const = document.createElement('span').style;
quy tắc.backgroundColor = 'đỏ';
quy tắc.cursor = 'con trỏ';
quy tắc.color = 'trắng';
document.getElementById('style_string').innerHTML = Rules.cssText;
document.getElementById('obj').style = Rules.cssText;
KIỂM TRA
Về javascript - CSSStyleDeclaration mới, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/51447958/
29
4
0
我正在尝试使用浏览器的内置类型 CSSStyleDeclaration 以编程方式传递和修改样式(由于 .cssText 属性，这很方便)。 但是，new CSSStyleDeclaration()
Có thể ghi đè thuộc tính textShadow của đối tượng CSSStyleDeclaration trong JavaScript không? Tôi đã thử như sau: var element = document.createE
Tôi đang làm việc trên một phần tử chuyển đổi thuộc tính CSS bên trái của phần tử, được xác định dưới dạng phần trăm (ví dụ: 100% thành 0%). Tôi đang phát triển trong Chrome và nó mang lại cho tôi giá trị phần trăm kiểu cho bên trái và đây là cách nó hoạt động
Khi tôi chỉnh sửa nội dung và lưu các thay đổi, nó sẽ hiển thị [đối tượng CSSStyleDeclaration] thay vì nội dung cập nhật của tôi khi làm mới trang. hàm newElement() { để li = d
Ý tôi là nghịch đảo của hàm này: styleObj = window.getComputedStyle(node);
Tôi chắc chắn rằng đây chỉ là một lỗi đơn giản nhưng tôi đã dành hơn một giờ để tìm ra vấn đề và chắc chắn có thể sử dụng một góc nhìn khác. Trong chức năng bên dưới, tôi thay đổi kiểu của hai nút. Một trong số chúng phản hồi chính xác và khi gọi hàm (deleteBtnToDe
Tôi đang làm việc trên ứng dụng RCP Eclipse có trình soạn thảo HTML sử dụng XULRunner. Trong mã JavaScript tương tác với trình soạn thảo, tôi muốn sử dụng CSSStyleDeclarati
Tôi biết rằng để thay thế một kiểu duy nhất, mã sẽ trông như thế này: myDOMElement.style.height = '400px'; Nhưng nếu tôi muốn thay thế hoàn toàn toàn bộ đối tượng kiểu trong một cú trượt, nhờ đó tăng tốc mọi thứ và tránh phải vẽ lại thì sao? Ví dụ, tôi muốn làm
Giả sử tôi có một nút trong tệp HTML và Click Me sử dụng JavaScript để thay đổi màu của nút thành màu đỏ. const btn = document.querySelector('#btn');
Tôi có một hàm nhỏ sẽ lấy một loạt css (ví dụ: nền: đỏ; chiều rộng: 145px; chiều cao: 145px;) và trả về CSSStyleDeclaration nhưng nếu tôi có
(Chỉ CHROME) Tôi đang cố gắng sửa đổi các CSSRule liên quan đến truy vấn phương tiện trong thời gian chạy, tuy nhiên, khi tôi sửa đổi các quy tắc, tài liệu không hiển thị lại. Tài liệu sẽ chỉ hiển thị lại nếu truy vấn phương tiện lại thay đổi. Nếu bạn nhìn vào fiddle, bạn sẽ nhận thấy rằng trong
Tôi muốn triển khai kiểu giả có tên myColor trên tất cả các thành phần. Khi đặt kiểu myColor trên một phần tử, màu thực tế phải được đặt thành cùng một giá trị. Cách rõ ràng để làm điều này là trong CSSStyleDeclaration.pro
Tôi có một div đơn giản sử dụng lớp css, lớp này có tập thuộc tính màu và màu nền. var div = document.createElement("div");
Mã sau không hợp lệ do lỗi: Thuộc tính 'backdropFilter' không tồn tại trên loại 'CSSStyleDeclaration'. const modal = document.createElement('div'
Tôi có một số phương thức tùy chỉnh CSSStyleDeclaration. Đây là cách tôi sử dụng nó: A_OBJECT.style.method() ; Mã này rất đơn giản: CSSStyleDeclaration.prototy
Tôi muốn truy xuất danh sách tất cả các khóa/kiểu có sẵn có thể được đặt thành đối tượng dom: đối tượng CSSStyleDeclaration. Nếu tôi chạy dòng mã này console.log(Object.keys(docu
Vấn đề là một số thuộc tính css có tên khác nhau trong javascript, ví dụ textOverflow trong js là tràn văn bản trong css. Có bảng dịch nào đó trong công cụ js mà tôi có thể truy cập hay tôi phải tự làm
Ví dụ: chúng ta cần truy cập vào phần đệm bên phải của phần thân let el = document.querySelector('body');
Tôi đang làm việc trên CSSStyleDeclaration trong IE 11 và Chrome mới nhất trên W7. Đánh dấu của tôi trông như thế này: Vấn đề là trong Chrome nó không có chiều cao tối thiểu nhưng IE hiển thị chính xác. ai đó có thể giải thích
Tôi gặp sự cố khi phát hiện lỗi xác thực thuộc tính CSS do cssutils.css.CSSStyleDeclaration phát hiện. Mã ban đầu: từ cssutils.css nhập CSSStyle
Tôi là một lập trình viên xuất sắc, rất giỏi!