動態(tài)的創(chuàng)建一個元素createElement及刪除一個元素
更新時間:2014年01月24日 15:22:19 作者:
本文用示例為大家介紹下動態(tài)創(chuàng)建一個元素createElement及刪除一個元素,感興趣的朋友可以參考下
復(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 對象上
//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>

您可能感興趣的文章:
- 淺談javascript中createElement事件
- javascript createElement()創(chuàng)建input不能設(shè)置name屬性的解決方法
- Javascript createElement和innerHTML增加頁面元素的性能對比
- 動態(tài)添加option及createElement使用示例
- js 用CreateElement動態(tài)創(chuàng)建標(biāo)簽示例
- 使用jQuery解決IE與FireFox下createElement方法的差異
- document.createElement()用法
- createElement和onclick
- 動態(tài)加載js文件 document.createElement
- javascript中createElement的兩種創(chuàng)建方式
相關(guān)文章
實現(xiàn)非常簡單的js雙向數(shù)據(jù)綁定
Angular實現(xiàn)了雙向綁定機制。所謂的雙向綁定,無非是從界面的操作能實時反映到數(shù)據(jù),數(shù)據(jù)的變更能實時展現(xiàn)到界面。本文給大家詳細介紹js雙向數(shù)據(jù)綁定,感興趣的朋友參考下2015-11-11使用Bootstrap typeahead插件實現(xiàn)搜索框自動補全的方法
這篇文章主要介紹了使用Bootstrap typeahead插件實現(xiàn)搜索框自動補全的方法的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07JavaScript可否多線程? 深入理解JavaScript定時機制
JavaScript的setTimeout與setInterval是兩個很容易欺騙別人感情的方法,因為我們開始常常以為調(diào)用了就會按既定的方式執(zhí)行, 我想不少人都深有同感2012-05-05JavaScript實現(xiàn)簡單圖片翻轉(zhuǎn)的方法
這篇文章主要介紹了JavaScript實現(xiàn)簡單圖片翻轉(zhuǎn)的方法,涉及javascript操作圖片與數(shù)組的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04