1.元素獲取方法
a.獲取單個元素:document.getElementById('idNname');
document.querySelector('與css選擇器格式一致');
b.獲取多個元素:document.getElementsByTagName('標簽名');
document.getElementsByName('表單元素的name');
document.getElementsByClassName('');
動態(tài)的,實時的
document.querySelectorAll();
靜態(tài)的,非實時的;
查找速度比上面的快,
2.創(chuàng)建元素,文本
document.createElement('div'); 創(chuàng)建元素
document.createTextNode('hello world'); 創(chuàng)建文本節(jié)點
3.移除元素
ele.remove();移除包括element本身的全部,()內(nèi)為空
parentNode.removeChild('childNode');移除其中childnode
4.插入到文檔
parentNode.appendChild(需要插入的node/newNode);
插入到?parentNode?內(nèi)后面
parentNode.insertBefore(newNode,positionNode);
插入到positionNode節(jié)點前面
5.替換子元素
parentNode.replaceChild(newNode,oldNode);
6.復(fù)制元素
ele.cloneNode(boolean);boolean為true時深復(fù)制,包括元素內(nèi)部的子元素,也可以()為空
, 淺復(fù)制
7.屬性的操作
ele.setAttribute(name,value);設(shè)置屬性
ele.getAttribute(name);獲取屬性
ele.removeAttribute(name);移除屬性
Javascript-DOM基本操作總結(jié)(1)
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門兰迫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來信殊,“玉大人,你說我怎么就攤上這事汁果∥芯校” “怎么了?”我有些...
- 文/不壞的土叔 我叫張陵据德,是天一觀的道長鳄乏。 經(jīng)常有香客問我,道長棘利,這世上最難降的妖魔是什么橱野? 我笑而不...
- 正文 為了忘掉前任,我火速辦了婚禮赡译,結(jié)果婚禮上仲吏,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好裹唆,可當我...
- 文/花漫 我一把揭開白布誓斥。 她就那樣靜靜地躺著,像睡著了一般许帐。 火紅的嫁衣襯著肌膚如雪劳坑。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼离斩,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了瘪匿?” 一聲冷哼從身側(cè)響起跛梗,我...
- 正文 年R本政府宣布业崖,位于F島的核電站,受9級特大地震影響蓄愁,放射性物質(zhì)發(fā)生泄漏双炕。R本人自食惡果不足惜,卻給世界環(huán)境...
- 文/蒙蒙 一撮抓、第九天 我趴在偏房一處隱蔽的房頂上張望妇斤。 院中可真熱鬧,春花似錦、人聲如沸站超。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽死相。三九已至融求,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間算撮,已是汗流浹背生宛。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 一预明、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結(jié)構(gòu))缩赛,知道了CSS樣式(也稱為表示),會使用HT...
- Node類型 DOM1級定義了一個Node接口撰糠,該接口由DOM中所有節(jié)點類型實現(xiàn)酥馍。這個Node接口在JS中是作為N...
- 這個月大部分時間在出差,發(fā)現(xiàn)碎片化的時間很難去做思考阅酪,可能會梳理情緒和頭緒旨袒,而并不能深度思考,所以會覺得腦子...