JS DOM创建元素
DOM:文本对象模型
document 对象
1.创建新的HTML元素
创建该元素
找一个已经存在的元素,追加新元素进去
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript">
function pa()
{
var p=document.createElement('p');
var node=document.createTextNode("草");
p.appendChild(node);
var a=document.getElementById('div1');
a.appendChild(p);
}
</script>
<div id="div1">
<p>你吗</p>
</div>
<input type="button" name="" onclick="pa()">
</body>
</html>
2.删除已有元素
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript">
function pa()
{
var div1=document.getElementById("div1");
var p1=document.getElementById("pp");
div1.removeChild(p1);
}
</script>
<div id="div1">
<p id="pp">你吗</p>
</div>
<input type="button" name="" onclick="pa()">
</body>
</html>