JavaScript: 创造节点
日期：2014-05-16 浏览次数：20341 次
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>
?
?
?
?
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
