Javascript & DHTML DOM基礎(chǔ)和基本API
更新時間：2008年07月03日 20:58:05 作者：
DOM是文檔對象模型(Document Object Model，是基于瀏覽器編程（在本教程中，可以說就是DHTML編程）的一套API接口，W3C出臺的推薦標(biāo)準(zhǔn)，每個瀏覽器都有一些細(xì)微的差別，其中以Mozilla的瀏覽器最與標(biāo)準(zhǔn)接近。
二、動態(tài)創(chuàng)建與插入結(jié)點(diǎn)
1)、創(chuàng)建結(jié)點(diǎn)對象。document.createElement(tagname)，tagname指的是一個標(biāo)簽，比如一個DIV，就是document.createElement("DIV")，它返回的是這個結(jié)點(diǎn)的引用。
2)、在body的尾部插入結(jié)點(diǎn)用document.body.appendChild(object)，為了容易理解，下面這個示例，我用了IE專有的屬性object.outerHTML，得到一個該元素的HTML標(biāo)簽內(nèi)容（包括自身），這樣會更容易看到效果。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
三、移除結(jié)點(diǎn)。
1) object.parentNode.removeChild(oChildNode)，這個就是語法，下面看示例。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
這一節(jié)就先寫到這里，下一節(jié)我們就可以用這幾個簡單的API做許多事情了，幾個API就可以寫出很多效果
相關(guān)文章
JS中的THIS和WINDOW.EVENT.SRCELEMENT詳解
對于js初學(xué)著必須理解this和srcElement的應(yīng)用，這也是面試中經(jīng)?？嫉降摹Ｏ旅嫖覀兙屯ㄟ^幾個示例來詳細(xì)了解下2015-05-05
這篇文章主要介紹了redux-saga 初識和使，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)pc端輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
下面小編就為大家?guī)硪黄柚贡韱翁峤话粹o多次提交的完美解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-05-05
詳解javascript傳統(tǒng)方法實(shí)現(xiàn)異步校驗(yàn)
這篇文章主要為大家介紹了javascript實(shí)現(xiàn)異步校驗(yàn)的方法，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了JS正則表達(dá)式之非捕獲分組用法,結(jié)合實(shí)例形式詳細(xì)分析了正則表達(dá)式中非捕獲分組的概念、功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-12-12
js提示框替代系統(tǒng)alert,自動關(guān)閉alert對話框的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s提示框替代系統(tǒng)alert,自動關(guān)閉alert對話框的實(shí)現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
JavaScript原生開發(fā)視頻播放器的實(shí)現(xiàn)代碼
這篇文章我們將一起探索一份自定義的視頻播放器實(shí)現(xiàn)代碼，甚至還可以實(shí)現(xiàn)有彈幕功能，文中的示例代碼講解詳細(xì)，感興趣的可以了解一下2023-06-06
mqtt.js?無法連接/錯誤提示?WebSocket?connection?to?‘ws://xxxxx‘?
這篇文章主要介紹了mqtt.js?無法連接/錯誤提示?WebSocket?connection?to?‘ws://xxxxx‘?failed:,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-01-01
抽空寫了個類似的效果，做了一定程度的封裝，雖然也只能勉強(qiáng)算個輕量級原生小插件吧，但還是分享出來，并做一步一步的教程，希望能給有需要的朋友一些幫助吧。2010-10-10