操作dom元素(3)

2021-10-04 06:19:07 字數 1139 閱讀 9990

class

標籤名

name

選擇器

queryselectorall

查屬性

點語法獲取元素的特點

attribute

獲取 設定

移除

查內容

textcontent

innerhtml

innerhtml

新增

侷限性

document.createelement

新增步驟

2.設定標籤屬性

3.新增到頁面上

他和innerhtml的區別比較

向頁面新新增元素

特點

原本存在的元素

元素有子元素

insertbefore

特點 原本就存在的元素

需要插入的元素有子元素

特點

特點 原本存在的元素

元素有子元素

網頁內容

節點名字: nodename

節點值:nodevalue

屬性節點

節點名字: nodename

節點值:nodevalue

文字節點

節點名字: nodename

節點值:nodevalue文字

注釋節點

節點名字: nodename

節點值:nodevalue

文件節點

節點名字: nodename

節點值:nodevalue

節點操作

相容性

子節點

相容性

獲取兄弟元素和兄弟節點

下乙個元素

兄弟節點

下乙個節點

獲取第乙個子元素和第乙個子節點

第乙個節點

獲取最後乙個子元素和最後乙個子節點

最後乙個子節點

獲取父節點

語法

jquery操作DOM 元素 3

detach 從dom 中去掉所匹配的元素。detach selector selector 乙個選擇表示式將需要移除的從匹配的元素中過濾出來。p detach empty 從dom中移除集合中匹配元素的所有子節點。empty 這個方法不接受任何引數。結構 hello goodbye hello e...

Dom元素操作

把建立的p元素新增到父元素box裡 btn1.onclick function 移除父元素裡的p元素 插入元素 insertbefore 被插入的元素,參照元素 var dom document.getelementbyid dom var newdom document.createelement...

DOM元素的操作

dom元素的操作有動態建立dom元素,子父元素操作,dom元素追加,屬性設定等等.前面詳細的總結了dom元素的獲取方式,這裡複習總結一下下.使用createelement 方法建立元素 語法 document.createelement nodename 引數 nodename 引數描述 必須。建立...