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

【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 함수입니다. 모두에게 도움이 되기를 바랍니다.