動(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)文章
實(shí)現(xiàn)非常簡(jiǎn)單的js雙向數(shù)據(jù)綁定
Angular實(shí)現(xiàn)了雙向綁定機(jī)制。所謂的雙向綁定,無(wú)非是從界面的操作能實(shí)時(shí)反映到數(shù)據(jù),數(shù)據(jù)的變更能實(shí)時(shí)展現(xiàn)到界面。本文給大家詳細(xì)介紹js雙向數(shù)據(jù)綁定,感興趣的朋友參考下2015-11-11使用Bootstrap typeahead插件實(shí)現(xiàn)搜索框自動(dòng)補(bǔ)全的方法
這篇文章主要介紹了使用Bootstrap typeahead插件實(shí)現(xiàn)搜索框自動(dòng)補(bǔ)全的方法的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07js驗(yàn)證真實(shí)姓名與身份證號(hào)是否匹配
使用javascript技術(shù)驗(yàn)真實(shí)姓名,要用到unicode字符來(lái)匹配,由于中國(guó)人的姓名長(zhǎng)度一般是在2-4這個(gè)范圍內(nèi),所以重復(fù)匹配{2,4}次。接下來(lái),通過(guò)本文給大家分享js驗(yàn)證省份證號(hào)與真實(shí)姓名是否匹配,需要的朋友可以參考下2015-10-10JavaScript可否多線程? 深入理解JavaScript定時(shí)機(jī)制
JavaScript的setTimeout與setInterval是兩個(gè)很容易欺騙別人感情的方法,因?yàn)槲覀冮_(kāi)始常常以為調(diào)用了就會(huì)按既定的方式執(zhí)行, 我想不少人都深有同感2012-05-05JavaScript實(shí)現(xiàn)簡(jiǎn)單圖片翻轉(zhuǎn)的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單圖片翻轉(zhuǎn)的方法,涉及javascript操作圖片與數(shù)組的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04