document.createElement()的用法

    下面，举例说明document.createElement()的用法。<div id="board"></div>

例1：

        <script type="text/javascript">             var board = document.getElementById("board");             var e = document.createElement("input");             e.type = "button";             e.value = "这是测试加载的小例子";             var object = board.appendChild(e);         </script>

效果：在标签board中加载一个按钮，属性值为“这是测试加载的小例子”。 

例2：

        <script type="text/javascript">             var board = document.getElementById("board");             var e2 = document.createElement("select");             e2.options[0] = new Option("加载项1", "");             e2.options[1] = new Option("加载项2", "");             e2.size = "2";             var object = board.appendChild(e2);         </script>

效果：在标签board中加载一个下拉列表框，属性值为“加载项1”和“加载项2”。 

例3：

        <script type="text/javascript">             var board = document.getElementById("board");                        var e3 = document.createElement("input");             e4.setAttribute("type", "text");             e4.setAttribute("name", "q");             e4.setAttribute("value", "使用setAttribute");             e4.setAttribute("onclick", "javascript:alert('This is a test!');");                        var object = board.appendChild(e3);         </script>

效果：在标签board中加载一个文本框，属性值为“使用setAttribute”。 当点击这个文本框时，会弹出对话框“This is a test!”。

        根据上面例子，可以看出，可以通过加载对象的属性来设置，参数是相同的。使用e.type="text" 和 e.setAttribute("type","text")效果是一致的。