JS中DOM操作的一些方法

2021-10-06 18:22:50 字數 1493 閱讀 9021

常用dom方法

選擇器

需要注意:

getelementbyid( )適用於需要查詢文件中的乙個特定的元素,如果沒有指定 id 的元素返回 null,如果存在多個指定 id 的元素則返回第乙個。

其他的方法獲取結果可能是多個,所以element後面要加s。

元素物件

"b">

bb<

/div>

="a"

>

aaa<

/div>

"c">

ccc<

/div>

let a = document.

getelementbyid

('a'

) console.

log(a.children[0]

)//子

console.

log(a.parentelement)

//父級

console.

log(a.nextelementsibling)

//下乙個同級

console.

log(a.previouselementsibling)

//上乙個同級

let table = document.

createelement

('table'

)//createelement通過指定名稱建立乙個元素

document.body.

(table)

<

/script>

classlist.add為元素新增class。

firstelementchild屬性返回指定元素的第乙個子元素。

lastelementchild屬性返回指定元素的最後乙個子元素節點,如果沒有,則返回 null。

previouselementsibling屬性返回指定元素的前乙個兄弟元素。

nextelementsibling屬性返回指定元素之後的下乙個兄弟元素。

table.classlist.

add(

'aa'

)//為"aa"新增class

table.firstelementchild//table的第乙個子節點

table.firstelementchild.previouselementsibling//table的第乙個子節點的上乙個同級

table.firstelementchild.nextelementsiblingtable的第乙個子節點的下乙個同級

table.lastelementchild//table的最後乙個子節點

JQ中操作DOM的一些方法小結

1 要在html中建立新元素,使用 函式。prepend 方法在被選元素的開頭 仍位於內部 插入指定內容。prependto 方法在被選元素的開頭 仍位於內部 插入指定內容。prepend 和 prependto 方法作用相同。差異在於語法 內容和選擇器的位置,以及 prependto 無法使用函式...

Dom的一些操作

dom 的意思是 文字 物件 模型.寫幾個常用的dom 方便以後查詢 document.getelementbyid id 這個的出鏡率非常的高 有華山那麼高.document.getelementsbytagname name 封裝的時候是必用的 obj.previoussibling 已知節點的...

DOM一些方法

1 indexof 可返回某個指定的字元在字串中首次出現的位置。語法 stringobject.indexof substring,startpos substring是必須的屬性,規定需檢索的字串值 startpos可選,規定在字串中開始的位置 2 split 將字串分割為字串陣列,並返回此陣列 ...