키 코드는 다음과 같습니다.
<html> <head> <link rel = "스타일 시트"유형 = "text/css"href = "basic.css"> <cript> window.onload = function () {var sheet = document.stylesheets [0]; // 【스타일 규칙 추가】 // sheet.insertrule ( '. div1 {font-size : 16px; color : red;}', 0); IE8 이상은 지원하지 않습니다 // 첫 번째 매개 변수는 스타일이며, 두 번째 매개 변수는 스타일의 위치입니다. // IE 지원 // 첫 번째 매개 변수는 스타일 이름이고, 두 번째 스타일 위치는 스타일 규칙이고, 세 번째는 스타일 위치 기능 insertcss (요소, csname, 위치) {// 크로스 브라우저와 호환 if (sheet.insertrule) {// sheet.insertrule이 읽지 않으며, 함수는 읽지 않습니다. sheet.insertrule (element+'{'+csname+'}', 위치); } else if (sheet.addrule) {sheet.addrule (요소, csname, 위치); }} insertcss ( '. div1', 'font-size : 16px; 컬러 : 오렌지', 0); // 【스타일 규칙 삭제】 //sheet.deleterule(position); // 스타일 삭제 매개 변수는 위치입니다. // ie8 이상은 //sheet.removerule(position)을 지원하지 않습니다. // 스타일 삭제 매개 변수는 위치입니다. // IE는 함수 deletecss (위치) {// cross-browser-catsible if (sheet.deleterule) {sheet.deleterule (position); } else if (sheet.removerule) {sheet.removerule (위치); } deletecss (0); }} </script> </head> <body> </body> </html>위는 편집자가 소개 한 새로운 JavaScript 스타일 규칙 (추천)입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!