dojo
DOM操作

前書き

パラメーター

ドーム構築物

このモジュールは次の目的で使用できます：

• 新しい要素を作成します。

• HTML文書から要素を削除する。

• 要素をHTMLドキュメントに配置します。

初期設定

dom-constructモジュールを使用できるようにするには、それをfallowとしてロードする必要があります：

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

create（）

この関数を使用して要素を作成し、特定の位置に追加することができます。また、属性とコンテンツを設定することもできます。

使用法

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クラスのモジュールを使用できるようにするには、それをfallowとしてロードする必要があります：

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

contains（）

この関数は、ノードに特定のクラスが含まれているかどうかをチェックします。

使用法

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

add（）

この機能を使用すると、CSSクラスを重複なくDOMノードに追加できます。

使用法

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

remove（）

この機能を使用すると、DOMノードからCSSクラスを削除できます。

使用法

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

replace（）

この関数を使用すると、クラスを削除して他のクラスに置き換えることができます。

使用法

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

トグル（）

この関数を使用すると、クラスが存在する場合はそれを削除し、存在しない場合は追加することができます。

使用法

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