browsers_javascript 기술과 완벽하게 호환되는 js를 통해 요소에 여러 스타일을 추가하세요.

js는 브라우저와 완벽하게 호환되는 여러 스타일을 요소에 추가합니다. 작성 방법 예:

<a href="javascript:;" id="test" style="font-size:25px;background:#080;">测试3</a>
<script>
var obj=document.getElementById("test");
var oldStyle=obj.style.cssText;
alert(oldStyle);
obj.style.cssText="border:2px red solid;color:#f00;"+oldStyle;
</script>

js는 요소에 여러 스타일을 추가합니다. 가장 빠르고 편리한 방법은 cssText 속성을 사용하는 것이지만 전체 스타일의 원래 값을 다시 작성하는 방법은 매우 간단합니다. 위의 예와 같습니다. 변수를 사용하여 원래 스타일의 원래 값을 기록한 다음 문자열 연결을 수행합니다.

그러나 한 가지 주목할 점은 IE8 이하 브라우저에서 obj.style.cssText가 반환한 마지막 스타일 값에는 세미콜론이 없으며 다음과 같다는 것입니다: 글꼴 크기:25px;배경:#080. 나는 단지 그 어느 때보다도 불쾌하다고 말하고 싶습니다. 하하.

그래서 예제에서는 의도적으로 문자열 접합 뒤에 oldStyle을 배치했습니다. 이렇게 하면 접합된 스타일 문자열의 마지막 스타일 값에 세미콜론이 없더라도 스타일 적용 표시에는 문제가 없습니다. 이것도 약간의 트릭이고 기술적인 내용은 아니지만 무시하거나 잊어버리기 쉬우므로 표시하겠습니다 ^_^