欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript元素動(dòng)態(tài)創(chuàng)建實(shí)現(xiàn)方法

 更新時(shí)間：2015年05月13日 11:47:09   作者：永遠(yuǎn)愛好寫程序  
這篇文章主要介紹了javascript元素動(dòng)態(tài)創(chuàng)建實(shí)現(xiàn)方法,涉及javascript操作元素的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript元素動(dòng)態(tài)創(chuàng)建實(shí)現(xiàn)方法。分享給大家供大家參考。具體分析如下：

document.write只能在頁面加載過程中才能動(dòng)態(tài)創(chuàng)建

可以調(diào)用document的createElement方法來創(chuàng)建具有指定標(biāo)簽的DOM對(duì)象,然后通過調(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動(dòng)態(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 = "我是動(dòng)態(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>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 在模板頁面的js使用辦法

    在模板頁面的js使用辦法

    在使用了母板頁面的項(xiàng)目中 使用js獲取其中的標(biāo)簽id 需要先加載到本地看看他在瀏覽時(shí)候的頁面源代碼然后確定他的id
    2010-04-04
  • JS獲取下拉列表所選中的TEXT和Value的實(shí)現(xiàn)代碼

    JS獲取下拉列表所選中的TEXT和Value的實(shí)現(xiàn)代碼

    本篇文章主要是對(duì)JS獲取下拉列表所選中的TEXT和Value的實(shí)現(xiàn)代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
    2014-01-01
  • 解決Layui中templet中a的onclick參數(shù)傳遞的問題

    解決Layui中templet中a的onclick參數(shù)傳遞的問題

    今天小編就為大家分享一篇解決Layui中templet中a的onclick參數(shù)傳遞的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • js中cookie的使用詳細(xì)分析

    js中cookie的使用詳細(xì)分析

    JavaScript中的另一個(gè)機(jī)制：cookie，則可以達(dá)到真正全局變量的要求。 cookie是瀏覽器 提供的一種機(jī)制，它將document 對(duì)象的cookie屬性提供給JavaScript?？梢杂蒍avaScript對(duì)其進(jìn)行控制，而并不是JavaScript本身的性質(zhì)。
    2008-05-05
  • JS TextArea字符串長度限制代碼集合

    JS TextArea字符串長度限制代碼集合

    因?yàn)闃I(yè)務(wù)需求 今天做了一個(gè)textarea文本域字符串長度限制的方法，其實(shí)網(wǎng)上已經(jīng)有了很多相關(guān)的解決方案，但在輸入日語時(shí)，在IE存在BUG，我的這個(gè)版本就是針對(duì)這種情況的
    2012-10-10
  • 子父窗口之間的操作

    子父窗口之間的操作

    子父窗口之間的操作...
    2006-07-07
  • JS 打印功能代碼可實(shí)現(xiàn)打印預(yù)覽、打印設(shè)置等

    JS 打印功能代碼可實(shí)現(xiàn)打印預(yù)覽、打印設(shè)置等

    一個(gè)不錯(cuò)的JS 打印功能代碼，包括打印預(yù)覽、打印設(shè)置等，里面整合了很多知識(shí)，是一個(gè)不錯(cuò)的學(xué)習(xí)案例
    2014-10-10
  • JS觸摸與手勢事件詳解

    JS觸摸與手勢事件詳解

    這篇文章主要為大家詳細(xì)介紹了JS觸摸與手勢事件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-05-05
  • JS前端模塊化原理與實(shí)現(xiàn)方法詳解

    JS前端模塊化原理與實(shí)現(xiàn)方法詳解

    這篇文章主要介紹了JS前端模塊化原理與實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了JS前端模塊化具體概念、功能、原理、實(shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
    2020-03-03
  • 基于Three.js實(shí)現(xiàn)360度全景圖片

    基于Three.js實(shí)現(xiàn)360度全景圖片

    這篇文章主要為大家詳細(xì)介紹了基于Three.js實(shí)現(xiàn)360度全景圖片，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2018-12-12

最新評(píng)論