動態(tài)的創(chuàng)建一個元素createElement及刪除一個元素

更新時間：2014年01月24日 15:22:19 作者：

本文用示例為大家介紹下動態(tài)創(chuàng)建一個元素createElement及刪除一個元素，感興趣的朋友可以參考下

 
<html> 
<script language = "javascript" type = "text/javascript"> 
function test(){ 
//創(chuàng)建元素 
var myElement = document.createElement("a");//a是想創(chuàng)建的html元素標(biāo)簽名 
//給創(chuàng)建的元素添加必要的信息 
myElement.; 
myElement.innerText = "連接到百度"; 
myElement.id = "id1"; 
//myElement.style.top = "300px"; 
//myElement.style.left = "500px"; 
//myElement.style.position = "absolute"; 
//把創(chuàng)建的元素添加到body 對象上 
//document.body.appendChild(myElement); 
//將元素添加到div 
document.getElementById("div1").appendChild(myElement); 
} 
function test2(){ 
//刪除一個元素 
//也可以通過屬性獲得新增元素的父元素 
//document.getElementById("id1").parentNode 
document.getElementById("div1").removeChild(document.getElementById("id1")); 
} 
</script> 
<body> 
<input type = "button" onclick = "test()" value = "動態(tài)的創(chuàng)建一個超鏈接"/> 
<input type = "button" onclick = "test2()" value = "動態(tài)的刪除添加的元素"/> 
<div id = "div1" style = "width:200px;height:300px;border:1px solid red"> 
div1 
</div> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

JavaScript style對象與CurrentStyle對象案例詳解
這篇文章主要介紹了JavaScript style對象與CurrentStyle對象案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-08-08
JS打印gridview實現(xiàn)原理及代碼
打印gridview對于一些童鞋們真的是很陌生啊,不過沒有關(guān)系，因為本文的出現(xiàn)，或讓你茅塞頓開，好了話不多說，感興趣的朋友可以了解下，或許對你學(xué)習(xí)js高級知識有所幫助
2013-02-02
淺析ThreeJs中如何實現(xiàn)動畫效果
在 ThreeJs 中,動畫是創(chuàng)建動態(tài) 3D 場景的重要組成部分,本文將介紹如何使用 ThreeJs 實現(xiàn)基礎(chǔ)的動畫效果,需要的小伙伴可以參考一下
2024-10-10
JavaScript 拖拉時間之drag案例詳解
這篇文章主要介紹了JavaScript 拖拉時間之drag案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-09-09
JavaScript獲取標(biāo)簽的幾種方式小結(jié)
本文主要介紹了JavaScript獲取標(biāo)簽的幾種方式小結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-02-02
微信小程序小組件基于Canvas實現(xiàn)直播點贊氣泡效果
這篇文章主要為大家詳細(xì)介紹了微信小程序小組件，基于Canvas實現(xiàn)直播點贊氣泡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
NodeJS與Mysql的交互示例代碼
實現(xiàn)NodeJS與Mysql的交互首先把Mysql Module裝到NodeJS中，具體實現(xiàn)及結(jié)果截圖如下，有此需求的朋友可以參考下，希望對大家有所幫助
2013-08-08
網(wǎng)頁上的Javascript編輯器和代碼格式化
因為我們的項目可以通過編寫腳本（javascript）進(jìn)行功能擴(kuò)展，所以為了方便現(xiàn)場實施人員，所以突發(fā)奇想想在網(wǎng)頁上（系統(tǒng)是B/S的）提供一個javascript的編輯器。
2010-04-04
基于JavaScript實現(xiàn)驗證碼功能
這篇文章主要介紹了基于JavaScript實現(xiàn)驗證碼功能的相關(guān)資料
2017-04-04
一文帶你深入理解JavaScript模板引擎
在Web前端開發(fā)中，需要將數(shù)據(jù)動態(tài)渲染到頁面上，隨著應(yīng)用程序的復(fù)雜度增加，數(shù)據(jù)渲染的邏輯也變得越來越復(fù)雜，這時候就需要使用模板引擎來幫助我們動態(tài)生成HTML標(biāo)記，本文將深入介紹 JavaScript 模板引擎，幫助讀者更好地理解和應(yīng)用模板引擎
2023-06-06