Anda boleh menukar elemen dalam HTML secara dinamik melalui JavaScript
Tambahkan elemen pada HTML
Mula-mula anda perlu membuat teg, kemudian menambah kandungan yang sepadan pada teg, dan kemudian menambah teg yang dibuat ke lokasi yang sepadan.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>测试文档</title>
<script type="text/javascript">
function add(){
var element = document.createElement("p");
var node = document.createTextNode("添加新段落");
element.appendChild(node);
x = document.getElementById("demo");
x.appendChild(element);
}
</script>
</head>
<body>
<div id="demo">
<p>这是第一段</p>
</div>
<input type="button" value="按钮" onclick="add()" />
</body>
</html>Padamkan elemen dalam HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>测试文档</title>
<script type="text/javascript">
function deleteE(){
var father = document.getElementById("demo");
var child = document.getElementById("p1");
father.removeChild(child);
}
</script>
</head>
<body>
<div id="demo">
<p id="p1">这是第一段</p>
<p id="p2">这是第二段</p>
</div>
<input type="button" value="删除" onclick="deleteE()" />
</body>
</html>
nombor siri cad2012 dan koleksi kunci
array_push
Pengisihan tatasusunan JS: kaedah sort().
Bagaimana untuk menyambung semula penggunaan gas selepas pembayaran
Bagaimana untuk mematikan perlindungan masa nyata dalam Pusat Keselamatan Windows
Apakah enjin aliran kerja java yang ada?
penggunaan teg set medan
Apakah mata wang u-coin?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
