本篇內(nèi)容介紹了“javascript怎么刪除水平線”的有關(guān)知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了安福免費建站歡迎大家使用!
javascript刪除水平線的代碼是“body對象.removeChild(hr對象)”。水平線是使用hr元素定義的,只需要使用javascript removeChild()函數(shù)從父元素body中將hr元素移除,即可刪除水平線。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript刪除水平線
水平線是使用hr元素定義的。
想要刪除水平線,只需要使用javascript removeChild()函數(shù)從父元素body中刪除hr元素即可刪除水平線。
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h2>這是一個大標(biāo)題</h2> <p id="p1">這是一段文字。</p> <p id="p2">這是另一段文字。</p><hr id="hr" /> <button onclick="myFunction()">刪除水平線(hr)</button> <script> function myFunction() { var body = document.getElementsByTagName("body")[0]; //獲取body元素的引用 var hr = document.getElementById("hr"); //獲取hr元素的引用 body.removeChild(hr); } </script> </body> </html>
說明:
removeChild() 方法可以從子節(jié)點列表中刪除某個節(jié)點。用法如下:
nodeObject.removeChild(node)
其中參數(shù) node 為要刪除節(jié)點。如果刪除成功,則返回被刪除節(jié)點;如果失敗,則返回 null。
當(dāng)使用 removeChild() 方法刪除節(jié)點時,該節(jié)點所包含的所有子節(jié)點將同時被刪除。
“javascript怎么刪除水平線”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實用文章!
分享文章:javascript怎么刪除水平線
本文路徑:http://chinadenli.net/article16/gidpdg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗、網(wǎng)站改版、電子商務(wù)、網(wǎng)站建設(shè)、服務(wù)器托管、網(wǎng)站設(shè)計
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)