国产探花免费观看_亚洲丰满少妇自慰呻吟_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標簽行的實例代碼全部內容了,希望大家多多支持武林網~

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 韩城市| 余江县| 鹤峰县| 曲松县| 台北市| 横峰县| 濉溪县| 汤阴县| 安乡县| 广安市| 建始县| 三都| 金堂县| 常熟市| 侯马市| 广丰县| 宁蒗| 天津市| 高青县| 库车县| 依兰县| 汉沽区| 吴桥县| 女性| 闻喜县| 双辽市| 丹东市| 清徐县| 德令哈市| 盘锦市| 大关县| 郯城县| 永济市| 洞口县| 乡宁县| 高阳县| 东阿县| 宁晋县| 青田县| 乐业县| 庆阳市|