1. 程式人生 > >AJAX DOM新增刪除元素

AJAX DOM新增刪除元素

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>