Javascript & DHTML DOM基礎(chǔ)和基本API
更新時(shí)間：2008年07月03日 20:58:05 作者：
DOM是文檔對(duì)象模型(Document Object Model，是基于瀏覽器編程（在本教程中，可以說(shuō)就是DHTML編程）的一套API接口，W3C出臺(tái)的推薦標(biāo)準(zhǔn)，每個(gè)瀏覽器都有一些細(xì)微的差別，其中以Mozilla的瀏覽器最與標(biāo)準(zhǔn)接近。
二、動(dòng)態(tài)創(chuàng)建與插入結(jié)點(diǎn)
1)、創(chuàng)建結(jié)點(diǎn)對(duì)象。document.createElement(tagname)，tagname指的是一個(gè)標(biāo)簽，比如一個(gè)DIV，就是document.createElement("DIV")，它返回的是這個(gè)結(jié)點(diǎn)的引用。
2)、在body的尾部插入結(jié)點(diǎn)用document.body.appendChild(object)，為了容易理解，下面這個(gè)示例，我用了IE專有的屬性object.outerHTML，得到一個(gè)該元素的HTML標(biāo)簽內(nèi)容（包括自身），這樣會(huì)更容易看到效果。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
三、移除結(jié)點(diǎn)。
1) object.parentNode.removeChild(oChildNode)，這個(gè)就是語(yǔ)法，下面看示例。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
這一節(jié)就先寫到這里，下一節(jié)我們就可以用這幾個(gè)簡(jiǎn)單的API做許多事情了，幾個(gè)API就可以寫出很多效果
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了純js實(shí)現(xiàn)隔行變色效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
layui實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了layui實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
在DWR中實(shí)現(xiàn)直接獲取一個(gè)JAVA類的返回值的兩種方法
本文主要介紹了在DWR中實(shí)現(xiàn)直接獲取一個(gè)JAVA類的返回值的兩種方法，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2016-12-12
layui+SSM的數(shù)據(jù)表的增刪改實(shí)例(利用彈框添加、修改)
今天小編就為大家分享一篇layui+SSM的數(shù)據(jù)表的增刪改實(shí)例(利用彈框添加、修改)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2019-09-09
js閉包的6種應(yīng)用場(chǎng)景總結(jié)
如果一個(gè)函數(shù)訪問了此函數(shù)的父級(jí)及父級(jí)以上的作用域變量,那么這個(gè)函數(shù)就是一個(gè)閉包,本文將給大家分享js閉包的6種應(yīng)用場(chǎng)景,文中有詳細(xì)的代碼示例,需要的朋友可以參考下2023-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義鍵盤，內(nèi)部虛擬支付，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
下面小編就為大家?guī)?lái)一篇JavaScript對(duì)Json的增刪改屬性詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-06-06
借用Google的Javascript API Loader來(lái)加速你的網(wǎng)站
加速頁(yè)面加載速度有一個(gè)方法就是把CSS和JS文件放到另外一個(gè)單獨(dú)的服務(wù)器上，這樣在訪問量比較大的情況下可以分擔(dān)主服務(wù)器的壓力2009-01-01
如果AJAX加載的數(shù)據(jù)是一個(gè)HTML片段，而且這個(gè)HTML片段還包含腳本<script>塊，那么在你把這數(shù)據(jù)xmlHttp.responseText用innerHTML方法插入到當(dāng)前文檔一個(gè)元素中，你會(huì)發(fā)現(xiàn)AJAX加載回來(lái)的腳本根本沒有執(zhí)行。2010-01-01
關(guān)于JS中一維數(shù)組和二維數(shù)組互轉(zhuǎn)問題
這篇文章主要介紹了js中一維數(shù)組和二維數(shù)組互轉(zhuǎn),本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-04-04