最全的JS DOM操作集合

2021-08-09 19:08:55 字數 677 閱讀 5543

document.createelement(「標籤名」)//建立標籤的

document.createtextnode()//建立文字節點

標籤名.setattribute("屬性名","屬性值")//為標籤新增屬性

(父標籤|document).removechild("需要刪除的標籤的物件")//刪除標籤

父標籤.childnodes//獲得父標籤下所有子標籤

父標籤.firstchild//返回父標籤下的第乙個子節點

父標籤.lastchild //返回父標籤下的第最後乙個子節點

節點物件.nextsibling //返回指定節點之後緊跟的節點,

節點物件.previoussibling //返回指定節點的前乙個節點

table物件.insertrow()//向當前table物件裡新增乙個tr

tr物件.insertcell()//向當前tr物件裡新增乙個td

子節點.parentnode//放回當前節點的父節點

tr物件.rowindex//返回當前tr物件的索引

table物件.deleterow(需要刪除的tr物件的索引)//刪除當前索引指定的一行

document.queryselectctor("和css一樣是可以用三種選擇器規則一樣的")//獲得該標籤的當前物件 如果括號裡面寫的是標籤名和類名的話使用第乙個

js Dom的基本操作

window.pagexoffset window.pageyoffset ie8和ie8以下不相容 乙個有用 另乙個一定為0 document.body.scrollleft top body document.documentelement.scorllleft top html doucmen...

js DOM模型操作

dom模型中的節點 元素節點 文字節點 屬性節點 例 私 dotnet小屋 1 a是元素節點 2 私 dotnet小屋 是文字節點 3 href 是屬性節點 dom節點的屬性 nodename string 節點名稱,根據節點的型別而定義 nodevalue string 節點的值,根據節點的型別而...

原生js dom操作

這裡說說一些原生js操作dom的方法 1,元素的獲取 getelementbyid getelementsbytagname getelementsbyclassname 這裡要注意這個getelementsbyclassname 在ie8以下是不相容的。相容寫法 function getbycla...