信鸽网

javascript元素动态创建实现方法

  作者：bea

本文实例讲述了javascript元素动态创建实现方法。分享给大家供大家参考。具体分析如下： document.write只能在页面加载过程中才能动态创建 可以调用document的createElement方法来创建具有指定标签的DOM对象,然后通过调用元素的appendChild方法将 新创建元素添加到相应的元素下 举例如下： <html xmlns="http://www.w3.org/1999/xhtml"><head><meta h

本文实例讲述了javascript元素动态创建实现方法。分享给大家供大家参考。具体分析如下：


document.write只能在页面加载过程中才能动态创建


可以调用document的createElement方法来创建具有指定标签的DOM对象,然后通过调用元素的appendChild方法将
新创建元素添加到相应的元素下


举例如下：




<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <title>Dom动态创建元素</title>

 <script type="text/javascript">

 function CreateButton() {

  var div = document.getElementById("divMain");

  var myButton = document.createElement("input");

  myButton.type = "button";

  myButton.value = "我是动态添加的";

  //myButton.id="btn"; 注意:如果设置id的话要避免重复

  div.appendChild(myButton); //添加到div上

 }

 </script>

</head>

<body>

 <div id="divMain"></div>

 <input type="button" value="添加元素" onclick="CreateButton()" />

</body>

</html>


希望本文所述对大家的javascript程序设计有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: