原生JS實現的DOM操作筆記(草稿整理)

2021-09-07 17:13:55 字數 843 閱讀 5459

原生js實現的dom一系列操作參考:

**如下:

var dom =,

/** 功能說明:給指定dom元素新增class

* @param el 指定的dom元素

* @param classname 新增的class名

* */addclass:

function

(el,classname)

return

el; },

/** 功能說明:給指定dom元素移除class

* @param el 指定的dom元素

* @param classname 移除的class名

* */removeclass:

function

(el,classname)

return

el; },

/** 功能說明:給指定的dom元素新增或者刪除class

* @param el 指定的dom元素

* @parm classname 新增或刪除的class名

* */toggleclass:

function

(el,classname)

else

return

el; },

/** 功能說明:獲取當前元素的兄弟節點

* @param el 當前dom元素

* */siblings:

function

(el)).firstchild;

for(; n; n =n.nextsibling)

}return

matched;

}};

js原生dom操作

1.建立元素 var a document.createelement a var node1 document.createelement div var node2 document.createtextnode hello world 2.新增子元素 刪除子元素 document.body.r...

原生JS操作DOM

複製 var one document.queryselector one one.style.color blue 複製 1.getelementsbyclassname 2.queryselectorall 複製 因為js獲得的節點中返回所有類是乙個陣列,所以要對其進行迴圈控制 用迴圈長度的方式...

原生Mysql JDBC 操作筆記

查詢資料 param connection 資料庫連線 param sql sql param params 引數 return public list executequery connection connection,string sql,object params 2.執行查詢 execut...