JavaScript: 创造节点

JavaScript: 创建节点??? 首先,先了解一下用于创建节点的JavaScript DOM 的方法:???? createElement(eleme

JavaScript: 创建节点

??? 首先,先了解一下用于创建节点的JavaScript DOM 的方法:

?

??? createElement(element): 为给定的标签创建新的元素节点element,并返回新建节点的引用;

??? appendChild(node):?添加node元素节点到最后;

??? setAttribute(attributeName, attributeValue): 设置属性;

?

??? 创建新元素节点:

?

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

?

??? 添加新创建的元素节点:

?

document.body.appendChild(newElement);
?

? ? 为新创建的元素节点添加属性:

?

newElement.setAttribute("type","text");newElement.setAttribute("value", "new element");

?

??? 测试页面:

?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>    <head>        <title></title>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        <script type="text/javascript">            function appendElement()            {                var newElement = document.createElement("input");                document.body.appendChild(newElement);                newElement.setAttribute("type", "text");                newElement.setAttribute("value", "new element");            }        </script>    </head>    <body>        <input type ="button" value="create element" onclick="appendElement()">        <br>    </body></html>

?

?

?

?