DOM對象2

查看節(jié)點名稱: 屬性? nodeName

注意:輸出的是大寫

查看節(jié)點類型: 屬性 nodeType

元素節(jié)點
屬性節(jié)點
文本節(jié)點

查看節(jié)點的值:? ?屬性? nodeValue



js?集合?了?html標簽的標準屬性(可解析的屬性)作為節(jié)點對象的屬性隘谣。

意味著?但凡html中?已有的屬性?都可以通過節(jié)點對象直接操作绢彤。

不是html里面的標準屬性那就需要通過getAttribute方法來取得!!薪韩!

盒子屬性

查看盒子在頁面中真實坐標的位置:? 屬性 offsetLeft(x軸)炕桨,offsetTop(y軸)

查看盒子在頁面中占據(jù)的尺寸:? 屬性? clientWidth(寬度),clientHeigt(高度)

查看盒子內容+padding+border的尺寸利虫,用這種屬性:offsetWidth(寬度)挨厚,offsetHeight(高度)


查看滾動條滾動距離的屬性: scrollTop(縱向的),scrollLeft(橫向的)

注意糠惫,這里還要借助onscroll方法來實現(xiàn)疫剃。相當于實時監(jiān)聽



選中元素節(jié)點內容的屬性: innerHTML

頭尾的空白文本節(jié)點也算哦~!E鸱怼巢价!

那只想要選中中間的文本元素要使用什么屬性呢?? ? ?——innerText


自定義屬性的操作方法

選取自定義屬性屬性值的方法: getAttribute 方法

設置或者修改自定義屬性的值的方法: setAttribute 方法

元素節(jié)點.setAttribute("要修改的屬性",“要修改的屬性值”)

給文本添加高亮效果:



節(jié)點對象的查詢方法:querySelector固阁、querySelector

getElementsByTagName壤躲、getElementsByClassName



在元素節(jié)點最后的空白的子文本元素里面插入的操作方法: appendChild

往父節(jié)點中插入字節(jié)點?指定在某個子元素的前面的操作方法:insertBefore

父子元素節(jié)點.insertBefore(要插入的元素,某個子元素)
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末您炉,一起剝皮案震驚了整個濱河市柒爵,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌赚爵,老刑警劉巖棉胀,帶你破解...
    沈念sama閱讀 221,635評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異冀膝,居然都是意外死亡唁奢,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評論 3 399
  • 文/潘曉璐 我一進店門窝剖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來麻掸,“玉大人,你說我怎么就攤上這事赐纱〖狗埽” “怎么了熬北?”我有些...
    開封第一講書人閱讀 168,083評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長诚隙。 經(jīng)常有香客問我讶隐,道長,這世上最難降的妖魔是什么久又? 我笑而不...
    開封第一講書人閱讀 59,640評論 1 296
  • 正文 為了忘掉前任巫延,我火速辦了婚禮,結果婚禮上地消,老公的妹妹穿的比我還像新娘炉峰。我一直安慰自己,他們只是感情好脉执,可當我...
    茶點故事閱讀 68,640評論 6 397
  • 文/花漫 我一把揭開白布疼阔。 她就那樣靜靜地躺著,像睡著了一般适瓦。 火紅的嫁衣襯著肌膚如雪竿开。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,262評論 1 308
  • 那天玻熙,我揣著相機與錄音否彩,去河邊找鬼。 笑死嗦随,一個胖子當著我的面吹牛列荔,可吹牛的內容都是我干的。 我是一名探鬼主播枚尼,決...
    沈念sama閱讀 40,833評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼贴浙,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了署恍?” 一聲冷哼從身側響起崎溃,我...
    開封第一講書人閱讀 39,736評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎盯质,沒想到半個月后袁串,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,280評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡呼巷,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,369評論 3 340
  • 正文 我和宋清朗相戀三年囱修,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片王悍。...
    茶點故事閱讀 40,503評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡破镰,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情鲜漩,我是刑警寧澤源譬,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站孕似,受9級特大地震影響瓶佳,放射性物質發(fā)生泄漏。R本人自食惡果不足惜鳞青,卻給世界環(huán)境...
    茶點故事閱讀 41,870評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望为朋。 院中可真熱鬧臂拓,春花似錦、人聲如沸习寸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,340評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽霞溪。三九已至孵滞,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間鸯匹,已是汗流浹背坊饶。 一陣腳步聲響...
    開封第一講書人閱讀 33,460評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留殴蓬,地道東北人匿级。 一個月前我還...
    沈念sama閱讀 48,909評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像染厅,于是被迫代替她去往敵國和親痘绎。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,512評論 2 359

推薦閱讀更多精彩內容

  • 一肖粮、通用屬性 1.node.nodeName:查看節(jié)點名稱(元素節(jié)點返回標簽名(大寫)孤页,文本節(jié)點返回#text...
    借碼消愁閱讀 863評論 0 0
  • 搶先看:https://www.zhihu.com/question/34219998[https://www.z...
    記錄經(jīng)歷閱讀 247評論 0 0
  • 概念 文檔對象模型(Document Object Model,簡稱 DOM)涩馆,是 W3C 組織推薦的處理可擴展標...
    白棠閱讀 186評論 0 0
  • API的概念 API是一些預先定義的函數(shù)行施,目的是提供應用程序與開發(fā)人員基于某軟件或硬件得以訪問一組例程的能力,無需...
    安掌門dear閱讀 306評論 0 1
  • parentNode獲取父元素節(jié)點凌净,兼容所有瀏覽器 .offsetParent 獲取定位父元素節(jié)點悲龟,(父代中最近...
    0說閱讀 172評論 0 0