> 웹 프론트엔드 > JS 튜토리얼 > 네이티브 javascript_javascript 스킬에서 자주 사용되는 함수 4가지 추천

네이티브 javascript_javascript 스킬에서 자주 사용되는 함수 4가지 추천

WBOY
풀어 주다: 2016-05-16 16:21:06
원래의
1009명이 탐색했습니다.

【1】듣기 이벤트 추가

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

​​ addHandler:function(node,type,fn){if(node.addEventListener){
Node.addEventListener(type,fn,false); // false, 버블링 이벤트로 설정             }
            그 외{
Node.attachEvent('on' 유형,함수(){
Fn.apply(node, 인수); // Attachevent 메서드, Node를 가리키지 않으므로
메서드를 변경하려면 Apply() 메서드를 사용해야 합니다.                 });
            }
}

[2] 요소 스타일 설정

코드 복사 코드는 다음과 같습니다.
setCss:function(node,val){ // 값:{'top':'2px','font-size':'12px'}
for(var v in val){
~ // cssFloat, styleFloat의 판단
            }
}

【3】CSS 클래스 이름 요소 가져오기

코드 복사 코드는 다음과 같습니다.
//parent는 선택적 매개변수입니다.
       getByClassName:function(className,parent){
            var elem = [],
노드 = 상위 != 정의되지 않음&&parent.nodeType==1?parent.getElementsByTagName('*'):document.getElementsByTagName('*'),
                   p = new RegExp("(^|\s)" className "(
\s|$)"); for(var n=0,i=node.length;n If(p.test(노드[n].className)){
                       elem.push(노드[n]);
                }
            }
              요소 반환
}

[4] CSS 클래스 이름 삭제

코드 복사 코드는 다음과 같습니다.
제거클래스이름:함수(노드,클래스이름){
var par = new RegExp(className,'g');
Node.className = node.className.replace(par,'');
}

위의 4개는 제가 컴파일한 매우 실용적이고 자주 사용되는 기본 js 함수입니다. 모두에게 도움이 되기를 바랍니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿