<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="button" onclick="AddEle1();" value="+++">
<input type="button" onclick="AddEle2();" value="+++2">
<div id="i1">
<input type="text"/>
<hr/>
</div>
<script>
function AddEle1() {
// 创建一个标签，将标签添加到指定标签里面
var tag="<p><input type='text'/></p> ";
document.getElementById('i1').insertAdjacentHTML("beforeEnd",tag);
// 四个参数beforeBegin、 afterBegin、beforeEnd、afterEnd
}
function AddEle2() {
// 创建一个标签，将标签添加到指定标签里面
var tag=document.createElement('input');
tag.setAttribute('type','text');
tag.style.fontSize='19px';
tag.style.color='red';
var p =document.createElement('p');
p.appendChild(tag)
document.getElementById('i1').appendChild(p)
}
</script>
</body>
</html>
