JavaScript --- 节点操作

通过按钮添加节点

// 找到表单元素
var formObj = document.getElementById("form1");
// 添加文本框
var inputTextObj = document.createElement("input");
// 设置属性
inputTextObj.type = "text";
// 设置值
inputTextObj.value = "tom";
// 添加到表单中
formObj.appendChild(inputTextObj);
// 添加段落
var pObj = document.createElement("p");
 pObj.innerHTML = "hello world";
// 添加到表单中
formObj.insertBefore(pObj, inputTextObj);
// 添加按钮
var btnObj = document.createElement("input");
// 设置属性
btnObj.type = "button";
// 设置值
btnObj.value = "提交";
// 为按钮添加事件
btnObj.onclick = function() {
    alert("提交成功");
}
// 添加到表单中
formObj.appendChild(btnObj);