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

淺談javascript中的DOM方法

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

1:獲取對(duì)象的三種方法

  1)document.getElementById(id);通過(guò)對(duì)象的屬性id來(lái)獲取;

  2)element.getElementByTagName(tag);通過(guò)標(biāo)簽名來(lái)獲取;

  3)element.getElementByClassName(class);通過(guò)屬性類名來(lái)獲取;

2:屬性的set和get方法.

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

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

3:有關(guān)節(jié)點(diǎn)的一些屬性

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

    element.childNodes[0]等價(jià)于element.firstChild

    element.childNodes[element.childNodes.length]等價(jià)于element.lastChild

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

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

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

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

  3)nodeValue屬性:主要功能是改變?cè)刂械奈谋緝?nèi)容功能類似object.innerHTML

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

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

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

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

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

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

相關(guān)文章

  • echarts中tooltip添加點(diǎn)擊事件代碼示例

    echarts中tooltip添加點(diǎn)擊事件代碼示例

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

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

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

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

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

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

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

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

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

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

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

    javascript實(shí)現(xiàn)計(jì)算器功能

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

    JavaScript改變CSS樣式的方法匯總

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

    javascript addLoadEvent函數(shù)說(shuō)明

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

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

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

最新評(píng)論