JS使用removeChild 刪除元素節點

阿新 • • 發佈：2018-12-31

<!doctype html>
<html
<head>
	<meta charset="UTF-8">
	<title>test</title>
</head>
<body>
	<button id="btn2">刪除</button>
	<ul class="ul">
	    <li>橘子</li>
	    <li>草莓</li>
	    <li>哈密瓜</li>
	    <li>蘋果</li>
	    <li>葡萄</li>
	    <li>獼猴桃</li>
	</ul>

<script>
var ulObj = document.getElementsByClassName("ul")[0];
var btn2Obj = document.getElementById("btn2");
btn2Obj.onclick=function(){
    var len=ulObj.getElementsByTagName('li').length;
    var firstLi=ulObj.getElementsByTagName('li')[0];
    var lastLi=ulObj.getElementsByTagName('li')[len-1];
    if(len==1){
        return;
    }
   if(firstLi.innerHTML=='蘋果'){
       ulObj.removeChild(lastLi);
       //lastLi=null;
   }else{
       ulObj.removeChild(firstLi);
       //firstLi=null;
   }
}
</script>
</body>
</html>

JS使用removeChild 刪除元素節點

<!doctype html> <html <head> <meta charset="UTF-8"> <title>test</tit

document物件動態的建立元素(節點)/新增元素(節點)/刪除元素(節點)

主要是通過建立節點的方式來完成動態建立和動態刪除的，其具體的方法就2個document.createElement("a");document.getElementById("id1").parent

刪除鏈表中的指定元素節點

需要 bre pan 指定元素 ret ons normal amp one Remove all elements from a linked list of integers that have valueval. Have you met this questi

js中創建html標簽、加入select下默認的option的value和text、刪除select元素節點下全部的OPTION節點

bsp art 利用 scrip -m script space multipl ng- <pre name="code" class="java"> jsp 中的下拉框標簽： <s:select na

JavaScript HTML DOM 元素 (節點)新增，編輯，刪除

createElement，createTextNode，appendChild，insertBefore，removeChild，replaceChild createElement 以下程式碼是用於建立 <p> 元素: var para = document.crea

單鏈表的JAVA實現（基於虛擬頭節點實現了新增，更新，查詢，刪除元素）

public class LinkedList<E> { private class Node { public E e; public Node next; public Node(E e, Node next) { this.e = e; this.ne

【程式碼庫】刪除select元素節點下所有的OPTION節點

刪除select標籤節點下所有的OPTION節點方法一： Js程式碼 function DeleteOptions() { var ob

DOM(創建、插入和刪除元素)

http tag img 簽名 har col script value 技術分享 1.創建DOM元素 createElement(標簽名) 創建一個節點 appendChild(節點) 追加一個節點例子：為ul插入li 並且為li元素插入一些文字

leetCode 27.Remove Element (刪除元素) 解題思路和方法

value ava leetcode ont bsp lac 方法 -s post Remove Element Given an array and a value, remove all instances of that value in plac

iOS數組的去重,判空,刪除元素，刪除重復元素等

ack 如果 tle sar abc 朋友計數 led trac 一：去重有時需要將NSArray中去除重復的元素，而存在NSArray中的元素不一定都是NSString類型。今天想了想，加上朋友的幫助，想到兩種解決辦法，先分述如下。 1.利用NSDictionar

刪除根節點下的所有子節點

1.0 sdfsdf 根節點 fsd path reac 搬家 map 工具原文發布時間為：2009-08-27 —— 來源於本人的百度文章 [由搬家工具導入] <?xml version="1.0" encoding="gb2312&

獲取元素節點

func 三種方式集合 har fun 沒有 ie瀏覽器北京 utf-8 1.大綱　　關於獲取元素節點，主要有三種方式。　　getElementById（）　　getElementsByTagName（）　　getElementsByName（） 2.第一種

原生js實現清除子元素節點

spa class document cnblogs ech child mov log tor var table = document.body.querySelector(‘.mui-table-view‘);

JS根據數組下表刪除元素

proto blog 根據 temp fun isn prot pan i++ //新增根據數組下表remove元素方法 Array.prototype.remove = function(obj){ for(var i=0;i&

集合遍歷過程iterator，添加刪除元素報異常

exc asn 一致性使用遍歷 one mov exceptio 刪除 list set 遍歷過程中添加或者刪除元素，報異常。使用iterator 也會報異常 ConcurrentModificationException remove只能用叠代器的remov

jQuery 學習03——HTML：捕獲、設置、添加元素、刪除元素、CSS類、CSS()方法、尺寸

baidu bject 字段 document color 一個元素顯示 cnblogs jQuery - 獲取內容text()、html() 以及 val()和屬性attr() jQuery 中非常重要的部分，就是操作 DOM 的能力。 DOM = Document

AngularJs動態添加元素和刪除元素

angularjs logs pil mil led var lose div 動態添加動態添加元素和刪除元素 //通過$compile動態編譯html var html="<div ng-click=‘test()‘>我是後添加的</div>

Python循環列表刪除元素問題

替代循環 pan 不能移動列表 nbsp python 判斷有人會遇到這種問題，遍歷列表，想刪除列表中的某幾個元素，執行後發現有些並沒有刪除到，比如以下代碼 a=[1,2,3,4,5,6]print(a) for i in a: if i==3 or i

第二十四篇 jQuery 學習6 刪除元素

cli 存在代碼 size 執行 utf-8 style 指定消失 jQuery 學習6 刪除元素上節課我們做了添加元素，模擬的是樓主發的文章，路人評論，那麽同學們這節課學了刪除之後，去之前的代碼上添加一個刪除，模擬一個樓主刪除路人的評論。 jQuery的刪除方法

jQuery刪除元素

子元素 query 元素及其 jquer mov 刪除元素 class pty remove() - 刪除被選元素（及其子元素） empty() - 從被選元素中刪除子元素 $("#div1").remove();刪除被選元素及其子元素。 $("#div1").emp

JS使用removeChild 刪除元素節點

相關推薦