欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

淺談javascript中的DOM方法

 更新時間:2015年07月16日 10:19:18   投稿:hebedich  
DOM就是Html頁面的模型,將每個標簽都做為一個對象,JavaScript通過調(diào)用DOM中的屬性、方法就可以對網(wǎng)頁中的文本框、層等元素進行編程控制。比如通過操作文本框的DOM對象,就可以讀取文本框中的值、設置文本框中的值。

1:獲取對象的三種方法

  1)document.getElementById(id);通過對象的屬性id來獲取;

  2)element.getElementByTagName(tag);通過標簽名來獲取;

  3)element.getElementByClassName(class);通過屬性類名來獲取;

2:屬性的set和get方法.

  1)object.getAttribute(attribute);獲取元素的屬性.===>>>HTMLDOM: object.attribute;

  2)object.setAttribute(attribute,value);設置元素的屬性.====>>>HTMLDOM:object.attribute=value;

3:有關節(jié)點的一些屬性

  1)childNodes屬性:返回一個數(shù)組.

    element.childNodes[0]等價于element.firstChild

    element.childNodes[element.childNodes.length]等價于element.lastChild

  2)nodeType屬性:共有12種可能的取值.但其中僅有3種具有使用價值

    元素節(jié)點的nodeType=1

    屬性節(jié)點的nodeType=2

    文本節(jié)點的nodeType=3

  3)nodeValue屬性:主要功能是改變元素中的文本內(nèi)容功能類似object.innerHTML

    例如:<p id="p">這是一個文本節(jié)點</p>

    var p=document.getElementById("p");

    p.childNodes[0].nodeValue="改變文本節(jié)點的內(nèi)容";

    這樣就改變了p節(jié)點中的內(nèi)容;

    也可以這樣實現(xiàn):p.innerHTML="改變文本節(jié)點的內(nèi)容";

以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。

相關文章

  • echarts中tooltip添加點擊事件代碼示例

    echarts中tooltip添加點擊事件代碼示例

    這篇文章主要給大家介紹了關于echarts中tooltip添加點擊事件的相關資料,echarts tooltip點擊事件是指當用戶點擊圖表中的提示框(tooltip)時觸發(fā)的事件,需要的朋友可以參考下
    2023-07-07
  • 原生js實現(xiàn)九宮格拖拽換位

    原生js實現(xiàn)九宮格拖拽換位

    這篇文章主要為大家詳細介紹了原生js實現(xiàn)九宮格拖拽換位,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-01-01
  • JS實現(xiàn)點擊顏色塊切換指定區(qū)域背景顏色的方法

    JS實現(xiàn)點擊顏色塊切換指定區(qū)域背景顏色的方法

    這篇文章主要介紹了JS實現(xiàn)點擊顏色塊切換指定區(qū)域背景顏色的方法,涉及javascript操作cookie及背景色的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-02-02
  • JS如何顯示防盜鏈的外站圖片技巧示例

    JS如何顯示防盜鏈的外站圖片技巧示例

    通常在開發(fā)測試環(huán)節(jié),一些資源圖片會出現(xiàn)防盜鏈的錯誤提示,本文就通過前端基礎技術,實現(xiàn)基本的圖片跨站顯示效果,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-09-09
  • 微信小程序數(shù)據(jù)存儲與取值詳解

    微信小程序數(shù)據(jù)存儲與取值詳解

    這篇文章主要為大家詳細介紹了微信小程序數(shù)據(jù)存儲與取值的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-01-01
  • 基于JS實現(xiàn)彈出一個隱藏的div窗口body頁面變成灰色并且不可被編輯

    基于JS實現(xiàn)彈出一個隱藏的div窗口body頁面變成灰色并且不可被編輯

    這篇文章主要介紹了基于JS實現(xiàn)彈出一個隱藏的div窗口body頁面變成灰色并且不可被編輯的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-12-12
  • javascript實現(xiàn)計算器功能

    javascript實現(xiàn)計算器功能

    這篇文章主要為大家詳細介紹了javascript實現(xiàn)計算器功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-03-03
  • JavaScript改變CSS樣式的方法匯總

    JavaScript改變CSS樣式的方法匯總

    JavaScript修改CSS有4種方法:1.修改節(jié)點style(內(nèi)聯(lián)樣式);2.改變節(jié)點class或id;3.寫入新的css;4.替換頁面中的樣式表。今天主要給大家介紹下前2種,因為后兩種個人不是很推薦大家使用
    2015-05-05
  • javascript addLoadEvent函數(shù)說明

    javascript addLoadEvent函數(shù)說明

    網(wǎng)頁加載完整后會觸發(fā)一個onload事件,默認地一個事件只能和一個函數(shù)綁定。
    2010-01-01
  • Javascript實現(xiàn)獲取窗口的大小和位置代碼分享

    Javascript實現(xiàn)獲取窗口的大小和位置代碼分享

    這篇文章主要分享了一段Javascript實現(xiàn)獲取窗口的大小和位置代碼,兼容性非常好,這里推薦給大家
    2014-12-12

最新評論