動(dòng)態(tài)的創(chuàng)建一個(gè)元素createElement及刪除一個(gè)元素
更新時(shí)間：2014年01月24日 15:22:19 作者：
本文用示例為大家介紹下動(dòng)態(tài)創(chuàng)建一個(gè)元素createElement及刪除一個(gè)元素，感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
<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 對(duì)象上
//document.body.appendChild(myElement);
//將元素添加到div
document.getElementById("div1").appendChild(myElement);
}
function test2(){
//刪除一個(gè)元素
//也可以通過(guò)屬性獲得新增元素的父元素
//document.getElementById("id1").parentNode
document.getElementById("div1").removeChild(document.getElementById("id1"));
}
</script>
<body>
<input type = "button" onclick = "test()" value = "動(dòng)態(tài)的創(chuàng)建一個(gè)超鏈接"/>
<input type = "button" onclick = "test2()" value = "動(dòng)態(tài)的刪除添加的元素"/>
<div id = "div1" style = "width:200px;height:300px;border:1px solid red">
div1
</div>
</body>
</html>
您可能感興趣的文章:
- 淺談javascript中createElement事件
- javascript createElement()創(chuàng)建input不能設(shè)置name屬性的解決方法
- Javascript createElement和innerHTML增加頁(yè)面元素的性能對(duì)比
- 動(dòng)態(tài)添加option及createElement使用示例
- js 用CreateElement動(dòng)態(tài)創(chuàng)建標(biāo)簽示例
- 使用jQuery解決IE與FireFox下createElement方法的差異
- document.createElement()用法
- createElement和onclick
- 動(dòng)態(tài)加載js文件 document.createElement
- javascript中createElement的兩種創(chuàng)建方式
相關(guān)文章
JavaScript style對(duì)象與CurrentStyle對(duì)象案例詳解
這篇文章主要介紹了JavaScript style對(duì)象與CurrentStyle對(duì)象案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
JS打印gridview實(shí)現(xiàn)原理及代碼
打印gridview對(duì)于一些童鞋們真的是很陌生啊,不過(guò)沒(méi)有關(guān)系，因?yàn)楸疚牡某霈F(xiàn)，或讓你茅塞頓開(kāi)，好了話不多說(shuō)，感興趣的朋友可以了解下，或許對(duì)你學(xué)習(xí)js高級(jí)知識(shí)有所幫助2013-02-02
淺析ThreeJs中如何實(shí)現(xiàn)動(dòng)畫(huà)效果
在 ThreeJs 中,動(dòng)畫(huà)是創(chuàng)建動(dòng)態(tài) 3D 場(chǎng)景的重要組成部分,本文將介紹如何使用 ThreeJs 實(shí)現(xiàn)基礎(chǔ)的動(dòng)畫(huà)效果,需要的小伙伴可以參考一下2024-10-10
這篇文章主要介紹了JavaScript 拖拉時(shí)間之drag案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
JavaScript獲取標(biāo)簽的幾種方式小結(jié)
本文主要介紹了JavaScript獲取標(biāo)簽的幾種方式小結(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
微信小程序小組件 基于Canvas實(shí)現(xiàn)直播點(diǎn)贊氣泡效果
這篇文章主要為大家詳細(xì)介紹了微信小程序小組件，基于Canvas實(shí)現(xiàn)直播點(diǎn)贊氣泡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
實(shí)現(xiàn)NodeJS與Mysql的交互首先把Mysql Module裝到NodeJS中，具體實(shí)現(xiàn)及結(jié)果截圖如下，有此需求的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
網(wǎng)頁(yè)上的Javascript編輯器和代碼格式化
因?yàn)槲覀兊捻?xiàng)目可以通過(guò)編寫(xiě)腳本（javascript）進(jìn)行功能擴(kuò)展，所以為了方便現(xiàn)場(chǎng)實(shí)施人員，所以突發(fā)奇想想在網(wǎng)頁(yè)上（系統(tǒng)是B/S的）提供一個(gè)javascript的編輯器。2010-04-04
基于JavaScript實(shí)現(xiàn)驗(yàn)證碼功能
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)驗(yàn)證碼功能的相關(guān)資料2017-04-04
在Web前端開(kāi)發(fā)中，需要將數(shù)據(jù)動(dòng)態(tài)渲染到頁(yè)面上，隨著應(yīng)用程序的復(fù)雜度增加，數(shù)據(jù)渲染的邏輯也變得越來(lái)越復(fù)雜，這時(shí)候就需要使用模板引擎來(lái)幫助我們動(dòng)態(tài)生成HTML標(biāo)記，本文將深入介紹 JavaScript 模板引擎，幫助讀者更好地理解和應(yīng)用模板引擎2023-06-06