JS——連結できるDOMライブラリを封止する.
1268 ワード
function $(){
return new Base(); // new
}
function Base(){
this.elements=[]; // new DOM
this.getId=function(id){
this.elements.push(document.getElementById(id));
return this;
};
this.getTagName=function(tagName){
var tags = document.getElementsByTagName(tagName);
for(var i = 0;i < tags.length;i++){ //getElementsByTagName
this.elements.push(tags[i]);
};
return this;
};
this.getClass=function(className,n){
if(arguments.length==1){ // , 1 Class
var all = document.getElementsByTagName("*");
for(var i = 0;i
このようにして、DOM関連の方法をカプセル化しました.毎回このように呼びます.
$().get Class(「box」、1).css(「background Color」、「菚cc」).inners HTML(「直接にclassの2番目の元素オブジェクトを取得し、background-カラーを設定し、ラベルの内容をこの文字として設定しました.)
class名のボックスという2番目の要素のオブジェクトを直接取得し、background-カラーを設定し、ラベルの内容をこの文字として設定しています.このように多くのDOM方法をパッケージ化して、とても便利です.