鼠標(biāo)點(diǎn)擊次數(shù)的用法
- n.innerHTML：向n中插入文本內(nèi)容
- childnodes：找到該元素中所有的子節(jié)點(diǎn)
- length ： 統(tǒng)計(jì)元素中的子節(jié)點(diǎn)的個(gè)數(shù)
- createElement：創(chuàng)建新的節(jié)點(diǎn)
- removechild：刪除子節(jié)點(diǎn)
- appendchild：在節(jié)點(diǎn)的末尾插入新的節(jié)點(diǎn)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var times = 0 ;
function mycheck () {
times++; //統(tǒng)計(jì)鼠標(biāo)點(diǎn)擊的次數(shù)；
var parent = document.getElementById("demo");//找到div區(qū)域；
var x = document.createElement("p");//創(chuàng)建新的段落p，并將它取變量值為x
var n = times + 1; //鼠標(biāo)每點(diǎn)擊一次，次數(shù)相加；
x.innerHTML = "這是第"+n+"個(gè)段落";// 在x中插入文本內(nèi)容；
parent.appendChild(x);//在div中，最后一個(gè)子節(jié)點(diǎn)中添加一個(gè)新的節(jié)點(diǎn)；
}
function youcheck () {
var q = document.getElementById("demo");//找到div區(qū)域中的內(nèi)容并取值為q；
var w = q.childNodes;//找到div區(qū)域中所有的子節(jié)點(diǎn)；
var e = w.length;//統(tǒng)計(jì)子節(jié)點(diǎn)的個(gè)數(shù)；
var t = w[e-1];//表示最后一個(gè)子節(jié)點(diǎn)，系統(tǒng)默認(rèn)從0開始，所以最后一個(gè)子節(jié)點(diǎn)是個(gè)數(shù)減1；
q.removeChild(t);//刪除最后一個(gè)子節(jié)點(diǎn)
}
</script>
</head>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
<div id="demo">
<p>創(chuàng)建一個(gè)新的節(jié)點(diǎn)</p>
</div>
<input type="button" name="demo2" id="demo2" value="添加子節(jié)點(diǎn)" onclick="mycheck()" />
<input type="button" name="demo3" id="demo3" value="刪除子節(jié)點(diǎn)" onclick="youcheck()" />
</body>
</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
