"JavaScript로 CSS 스타일 시트를 동적으로 생성하거나 추가하는 구현 방법"을 읽은 후 CSS 스타일 시트를 수정하는 방법을 쉽게 찾을 수 있습니다.
오늘 포럼에서 친구를 만나서이 질문을했습니다.
<tyle> .ls {width = 120px;} </style> <cript> // 여기에 문장을 추가하여 .ls의 너비 값을 변경하는 방법, 쓰는 방법 </script>일부 친구들은 다음과 같이 대답했습니다. ".LS를 사용하는 객체가 많이 있다면 JS를 사용하는 것이 실제로 불편합니다. jQuery는 편리합니다. $ (". ls "). 너비 (200); 괜찮습니다."
그는 JQ의 클래스 selector.ls를 사용 하여이 스타일을 사용하는 모든 객체를 선택하고 CSS 스타일 시트를 변경하는 대신 하나씩 조정하려고하므로 "많은 객체"에 대한 우려가 있습니다.
그러나 문제는 이것이 .LS 설정이 아니라 해당 객체의 특정 표현식 스타일 만 변경한다는 것입니다. .LS 스타일을 사용하는 다른 요소가 나타나면 여전히 동일합니다. 증상을 치료하려면이 요소를 다시 조정해야하지만 근본 원인은 아닙니다. 또한이 방법은 단순히 한 문장으로 달성하는 것이 불가능하다고 결정합니다.
이것에 대해 생각하는 사람들이 꽤 많으며, "JavaScript로 CSS 스타일 시트를 동적으로 만들거나 추가하는 구현 방법"을 읽으면 한 문장 으로이 문제를 해결하는 방법을 쉽게 생각할 것입니다 (브라우저는이 스타일을 적용하는 모든 요소를 자동으로 재설정하고 스타일 설정을 실제로 수정합니다. 이 스타일을 사용하는 새로 추가 된 요소는 수정 된 설정을 자동으로 적용합니다. 따라서 많은 사람들과 구별되는 더 높은 수준의 지식을 배웠습니다. 아래에 자세히 설명하는 방법을 설명하겠습니다.
위의 예 때문에 효과를 쉽게 볼 수 없습니다. 아래에 또 다른 예를 작성했습니다. 색상 변화를 통해 효과를보기가 더 쉽습니다.
<Style> .TheForever {너비 : 50px; 색상 : 빨간색;}#theforever {너비 : 150px; 컬러;} </style> <div> 여기서는 빨간색이어야하지만 CSS 스타일 설정을 변경하여 아래의 JS에 의해 노란색으로 변해야합니다. 실제로, 이것은 비교를 위해 변경되지 않습니다 </div> <cript> document.stylesheets [0] .csstext = docum </스크립트>위의 예는 특정 스타일 이름을 목표로하지는 않지만 일반적인 색상 (색상을 나타내지 않는 빨간색 단어가있는 더 복잡한 CSS 페이지로 직접 이동하면 오류로 이어질 수 있습니다. 뇌 기반이 아닌 코드를 사용하지 않는 코드를 사용하여 항상 혐오감을 느꼈지만 특정 스타일 이름으로 변경하기가 쉽습니다.
위에서, 우리는 해당 문서를 볼 수 있습니다 .Stylesheets [0] .csstext는 <style> </style> 전체 내부의 내용이며 문자열 변수와 동일합니다. 따라서 .ls에 대한 설정을 변경하려면 대체 대상으로 대체 할 대체 부품으로 ".ls {width = 120px;}"만 사용하면됩니다.
JavaScript로 CSS 스타일 시트를 동적으로 수정하는 방법에 대한 위의 기사는 내가 공유하는 모든 컨텐츠입니다. 나는 그것이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.