国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JS實現動態增加和刪除li標簽行的實例代碼

2019-11-20 08:44:35
字體:
來源:轉載
供稿:網友

如下所示:

function addDepartment(){<span style="white-space:pre">	</span>var x = document.getElementById('department');<span style="white-space:pre">	</span>var l = x.childNodes.length;<span style="white-space:pre">	</span>var li = document.createElement("li");<span style="white-space:pre">	</span>li.className = "list_nr_bg";<span style="white-space:pre">	</span>li.innerHTML = "<span class='nr6'><select name='institute'><c:if test='${baseInstitutes !=null}'><c:forEach items='${baseInstitutes}' var='baseInstitute'><option value='${baseInstitute.id}'>${baseInstitute.instituteName}</option></c:forEach></c:if></select></span><span class='nr6'>專業:</span><span class='nr6'><input name='specialty' type='text'></span><span><input type='button' onclick='deleteDepartment(this)' value='刪除'></span>";<span style="white-space:pre">	</span>x.appendChild(li);}function deleteDepartment(obj){<span style="white-space:pre">	</span>if(window.confirm("確認刪除嗎?")){<span style="white-space:pre">		</span>var li = obj.parentNode.parentNode; //獲得當前行<span style="white-space:pre">		</span>var ul = li.parentNode;//獲得上一級標簽<span style="white-space:pre">		</span>ul.removeChild(li); //刪除當前行<span style="white-space:pre">	</span>} else {<span style="white-space:pre">		</span>return false;<span style="white-space:pre">	</span>}}

HTML:

<ul id="department"><span style="white-space:pre">	</span><li class="list_nr_bg"><span style="white-space:pre">		</span><span class="nr6">所屬院系:</span><span style="white-space:pre">		</span><span><input type="button" onclick="addDepartment()" value="增加"></span><span style="white-space:pre">	</span></li><span style="white-space:pre">	</span><li class="list_nr_bg"><span style="white-space:pre">		</span><span class="nr6"><span style="white-space:pre">		</span><select name="institute"><span style="white-space:pre">		</span><c:if test="${baseInstitutes !=null}"><span style="white-space:pre">		</span><c:forEach items="${baseInstitutes}" var="baseInstitute"><span style="white-space:pre">			</span><option value="${baseInstitute.id}">${baseInstitute.instituteName}</option><span style="white-space:pre">		</span></c:forEach><span style="white-space:pre">		</span></c:if><span style="white-space:pre">		</span>/select><span style="white-space:pre">		</span></span><span style="white-space:pre">		</span><span class="nr6">專業:</span><span style="white-space:pre">		</span><span class="nr6"><input name="specialty" type="text"></span><span style="white-space:pre">	</span></li></ul>

以上就是小編為大家帶來的JS實現動態增加和刪除li標簽行的實例代碼全部內容了,希望大家多多支持武林網~

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 五峰| 罗田县| 察雅县| 湖南省| 德保县| 扶余县| 开阳县| 四会市| 东乡县| 神池县| 霍邱县| 航空| 汉源县| 舟曲县| 柳河县| 丹巴县| 秦安县| 高雄市| 会东县| 永登县| 都兰县| 晋中市| 娱乐| 都昌县| 沂源县| 鹤岗市| 荆门市| 双峰县| 阿克陶县| 新宾| 碌曲县| 沾益县| 唐河县| 岑巩县| 神农架林区| 桂阳县| 贡山| 绥滨县| 长寿区| 彩票| 斗六市|