1、節點的建立。
1.1:通過createelement(標籤名) 建立乙個節點。
1.3:
createdocumentfragment() //建立乙個dom片段
1.4: createelement() //建立乙個具體的元素
2、新增、移除、替換、插入。
removechild()
replacechild()
insertbefore()
3、查詢
getelementsbytagname() //通過標籤名稱
getelementsbyname() //通過元素的name屬性的值
getelementbyid() //通過元素id,唯一性
4、節點的刪除。
lremovechild(節點) 刪除乙個節點。
具體例項運用
建立、插入節點。
雪梨香蕉
var olist=document.getelementbyid('list');
var oxi=document.createelement('li'); //建立節點
oxi.innerhtml='西瓜';//新增內容
var oyt=document.createelement('li');
oyt.innerhtml='櫻桃';
olist.insertbefore(oyt,oal);//父節點.insertbefore(節點,原來節點)
新增後:
查詢節點。
通過子節點查詢父節點的方式
ochild.parentnode
查詢首尾節點
firstchild、firstelementchild
查詢兄弟節點
llastchild 、lastelementchild.
JavaScript 節點的屬性
節點的屬性 序號屬性名稱 功能childnodes 得到節點的所有子節點,已陣列的形式儲存 firstchild 得到節點的第乙個子節點 等價於 childnodes 0 lastchild 得到節點的最後乙個子節點 parentnode 得到節點的父節點 nextsibling 得到後乙個兄弟節點...
JavaScript獲取節點
可以把html中的每個標籤看成乙個節點,那麼可以通過js將這些節點獲取出來,可以使用js的乙個內建物件 物件有自己的屬性和方法 取得這些節點並且進行操作 修改,刪除,替換其內容 該物件是乙個內建物件叫作document,內建物件就是已經建立好的物件,我們可以直接使用。瀏覽器標題欄 title 引用外...
JavaScript操作節點
之前我們能取得的節點物件,但是僅僅是取得而沒有做其他操作,那麼我們也可以建立乙個節點然後動態的插入到dom節點樹種 獲取div節點 var div document.getelementsbytagname div 0 建立文字節點 var textnode document.createtextn...