javascript元素動態(tài)創(chuàng)建實現(xiàn)方法
更新時間：2015年05月13日 11:47:09 作者：永遠愛好寫程序
這篇文章主要介紹了javascript元素動態(tài)創(chuàng)建實現(xiàn)方法,涉及javascript操作元素的相關(guān)技巧,需要的朋友可以參考下
本文實例講述了javascript元素動態(tài)創(chuàng)建實現(xiàn)方法。分享給大家供大家參考。具體分析如下：
document.write只能在頁面加載過程中才能動態(tài)創(chuàng)建
可以調(diào)用document的createElement方法來創(chuàng)建具有指定標(biāo)簽的DOM對象,然后通過調(diào)用元素的appendChild方法將
新創(chuàng)建元素添加到相應(yīng)的元素下
舉例如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dom動態(tài)創(chuàng)建元素</title>
<script type="text/javascript">
function CreateButton() {
var div = document.getElementById("divMain");
var myButton = document.createElement("input");
myButton.type = "button";
myButton.value = "我是動態(tài)添加的";
//myButton.id="btn"; 注意:如果設(shè)置id的話要避免重復(fù)
div.appendChild(myButton); //添加到div上
}
</script>
</head>
<body>
<div id="divMain"></div>
<input type="button" value="添加元素" onclick="CreateButton()" />
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
在使用了母板頁面的項目中 使用js獲取其中的標(biāo)簽id 需要先加載到本地看看他在瀏覽時候的頁面源代碼然后確定他的id2010-04-04
JS獲取下拉列表所選中的TEXT和Value的實現(xiàn)代碼
本篇文章主要是對JS獲取下拉列表所選中的TEXT和Value的實現(xiàn)代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
解決Layui中templet中a的onclick參數(shù)傳遞的問題
今天小編就為大家分享一篇解決Layui中templet中a的onclick參數(shù)傳遞的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript中的另一個機制：cookie，則可以達到真正全局變量的要求。 cookie是瀏覽器 提供的一種機制，它將document 對象的cookie屬性提供給JavaScript?？梢杂蒍avaScript對其進行控制，而并不是JavaScript本身的性質(zhì)。2008-05-05
因為業(yè)務(wù)需求 今天做了一個textarea文本域字符串長度限制的方法，其實網(wǎng)上已經(jīng)有了很多相關(guān)的解決方案，但在輸入日語時，在IE存在BUG，我的這個版本就是針對這種情況的2012-10-10
子父窗口之間的操作...2006-07-07
JS 打印功能代碼可實現(xiàn)打印預(yù)覽、打印設(shè)置等
一個不錯的JS 打印功能代碼，包括打印預(yù)覽、打印設(shè)置等，里面整合了很多知識，是一個不錯的學(xué)習(xí)案例2014-10-10
這篇文章主要為大家詳細介紹了JS觸摸與手勢事件的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了JS前端模塊化原理與實現(xiàn)方法,結(jié)合實例形式分析了JS前端模塊化具體概念、功能、原理、實現(xiàn)方法及相關(guān)操作注意事項,需要的朋友可以參考下2020-03-03
這篇文章主要為大家詳細介紹了基于Three.js實現(xiàn)360度全景圖片，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12