dom创建节点
举个例子
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p id="demo">单击按钮创建input元素</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var input=document.createElement("input");
input.type ='text';
input.id= 'text';
input.value ='1';
document.body.appendChild(input);
};
</script>
</body>
</html>
分析
input=document.createElement("input");
中利用createElement()方法创建新节点,
input是其参数。也就是html的标签。
input.type ='text';
input.id= 'text';
input.value ='1';
规定了新建节点的一些属性。
document.body.appendChild(input);
是必须加上的~
参考
HTML DOM createElement() 方法 | 菜鸟教程
document.createElement()用法javascript技巧脚本之家
浅谈javascript中createElement事件基础知识脚本之家