AJAX DOM新增刪除元素
阿新 • • 發佈:2019-02-12
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>