>웹 프론트엔드 >JS 튜토리얼 >지정된 elements_javascript 기술에 스타일을 추가하는 Node.js 코드

지정된 elements_javascript 기술에 스타일을 추가하는 Node.js 코드

WBOY
WBOY원래의
2016-05-16 18:39:52982검색

이 기능은 주로 지정된 요소에 스타일을 추가합니다. Jquery의 addClass(class)와 동일합니다. 지정된 클래스 이름을 일치하는 각 요소에 추가합니다.

Jquery 클래스에 필수(문자열): 요소에 추가할 하나 이상의 CSS 클래스 이름을 공백으로 구분합니다. 그리고 이 기능에도 그러한 요구 사항이 있습니다.

코드 복사 코드는 다음과 같습니다.

div{ border:1px solid #ccc; 너비:200px ; 높이:200px;}
.a{ 배경:#900; }
.b{ 글꼴 크기:30px; 글꼴 무게:bold;}


코드 복사 코드는 다음과 같습니다.

function addClass(elements, value)
{
if ( !elements.className) {
elements.className = value;
}
else
{
newClass = elements.className
newClass = " ";
newClass = value ;
elements.className = newClass;
}
}
window.onload = function()
{
var test = document.getElementById('test ');
경고(test.className);
addClass(test, 'a b')
//addClass(test, 'b');

테스트 레이어입니다
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.