TA貢獻(xiàn)76條經(jīng)驗(yàn) 獲得超19個(gè)贊
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無(wú)標(biāo)題文檔</title>
<style>
? ?#list1,#list2,#list3,#list4{
? ? ? ?list-style:none;
? ? ? ?}
</style>
<script type="text/javascript">
? ? function del1(){
? ? ? ? var e=document.getElementById("list1"); ??
? ? ? ?if (e.hasChildNodes) {
? ? ? ? ? ? e.removeChild(e.firstChild); ? ?//刪除e元素的第一個(gè)子節(jié)點(diǎn)
? ? ? ? }
? ? }
? ? function del2(){
? ? ? ? var e=document.getElementById("list2"); ??
? ? ? ?if (e.hasChildNodes) {
? ? ? ? ? ? e.removeChild(e.firstChild); ? ?//刪除e元素的第一個(gè)子節(jié)點(diǎn)
? ? ? ? }?
? ? }
? ? function del3(){
? ? ? ? var e=document.getElementById("list3"); ??
? ? ? ?if (e.hasChildNodes) {
? ? ? ? ? ? e.removeChild(e.firstChild); ? ?//刪除e元素的第一個(gè)子節(jié)點(diǎn)
? ? ? ? }?
? ? }
? ? function del4(){
? ? ? ? var e=document.getElementById("list4");
? ? ? ? document.body.removeChild(e);
? ? }
</script>?
</head>
<body>
? ? <ul>
? ? ? ? <li id="list1">
? ? ? ? ? ? <input type="text">
? ? ? ? ? ? <input type="button" value="刪除" onclick="del1()">
? ? ? ? </li>
? ? ? ? <li id="list2">?
? ? ? ? ? ? <input type="text" id="txt2">
? ? ? ? ? ? <input type="button" value="刪除" onclick="del2()">
? ? ? ? </li>
? ? ? ? <li id="list3">
? ? ? ? ? ? <input type="text" id="txt3">
? ? ? ? ? ? <input type="button" value="刪除" onclick="del3()">
? ? ? ? </li>
? ? </ul>
? ? <p>第二種</p>
? ? <input type="button" value="刪除" onclick="del4()">
? ? <ul id="list4">
? ? ? ? <li>
? ? ? ? ? ? <input type="text"><br>
? ? ? ? ? ? <input type="text"><br>
? ? ? ? ? ? <input type="text">
? ? ? ? </li>
? ? </ul>
</body>
</html>
TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超1個(gè)贊
舉報(bào)
