javascript - 如何通过 JavaScript 在属性之前应用 css？

Question

`   input.star:checked ~ label.star:before {
            content: '\f005';
            color: #FD4;
            transition: all .25s;
        }    `

如何通过 javascript 应用此代码？

Answer 1

如果想用js添加样式，可以使用style.sheet的insertRule()，示例代码:

var sheet = (function() {
	// Create the <style> tag
	var style = document.createElement("style");

	// WebKit hack :(
	style.appendChild(document.createTextNode(""));

	// Add the <style> element to the page
	document.head.appendChild(style);

	return style.sheet;
})();

// for a test
sheet.insertRule("body { background-color:red;}", sheet.length);

// for your code just replace param
// sheet.insertRule("input.star:checked ~ label.star:before {content: '\f005';color: #FD4;transition: all .25s;}}", sheet.length);