常用dom方法
選擇器
需要注意:元素物件getelementbyid( )適用於需要查詢文件中的乙個特定的元素,如果沒有指定 id 的元素返回 null,如果存在多個指定 id 的元素則返回第乙個。
其他的方法獲取結果可能是多個,所以element後面要加s。
classlist.add為元素新增class。"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>
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 將字串分割為字串陣列,並返回此陣列 ...