dojo
DOM 조작

소개

매개 변수

돔 건설

이 모듈을 사용하여 다음을 수행 할 수 있습니다.

• 새 요소를 만듭니다.

• HTML 문서에서 요소를 삭제합니다.

• 요소를 HTML 문서에 배치하십시오.

이니셔티브 화

dom-construct 모듈을 사용하려면 휴면 상태로로드해야합니다.

require(["dojo/dom-construct"], function(domConstruct){
    // Write code here
});

몹시 떠들어 대다()

이 함수는 요소를 생성하고 특정 위치에 요소를 추가하는 데 사용할 수 있습니다. 또한 속성 및 내용을 설정할 수 있습니다.

용법

var node = domConstruct.create("div", { style: { color: "red" }}, "someId", "first"); 

멸하다()

이 함수를 사용하면 문서에서 자식 및 내용을 포함하는 요소를 삭제할 수 있습니다.

용법

domConstruct.destroy("someId"); 

장소()

이 함수는 노드를 HTML 문서의 특정 위치에 배치하는 데 사용할 수 있습니다.

용법

domConstruct.place("someNode", "refNode", "after"); 

빈()

이 함수는 콘텐츠와 DOM 요소의 모든 자식을 삭제하는 데 사용할 수 있습니다.

용법

domConstruct.empty("someId");

돔 클래스

이 모듈은 DOM 요소의 CSS 클래스를 조작 할 수있는 기능을 제공합니다.

초기화

DOM 클래스 모듈을 사용하려면 휴면 모드로로드해야합니다.

require(["dojo/dom-class"], function(domClass){
    // Write code here
});

contains ()

이 함수는 노드에 특정 클래스가 포함되어 있는지 확인합니다.

용법

 if (domClass.contains("someId", "className")){
     // do something if it contains 
 } 

더하다()

이 기능을 사용하면 중복없이 CSS 노드를 DOM 노드에 추가 할 수 있습니다.

용법

domClass.add("someId", "className"); 

풀다()

이 함수는 DOM 노드에서 CSS 클래스를 제거 할 수있게합니다.

용법

 domClass.remove("someId", "className");

바꾸다()

이 함수를 사용하면 클래스를 제거하고 다른 클래스로 바꿀 수 있습니다.

용법

 domClass.replace("someId", "addedClassName", "removedClassName");

비녀장()

이 함수를 사용하면 클래스가 있으면 제거하거나 존재하지 않으면 클래스를 추가 할 수 있습니다.

용법

 domClass.toggle("someId", "className");