刪除節點removeChild()

来源:http://www.cnblogs.com/sunxirui00/archive/2017/09/11/7504021.html
-Advertisement-
Play Games

刪除節點removeChild()removeChild() 方法從子節點列表中刪除某個節點。如刪除成功,此方法可返回被刪除的節點,如失敗,則返回 NULL。 語法: nodeObject.removeChild(node)參數: node :必需,指定需要刪除的節點。 註意: 把刪除的子節點賦值給 ...


刪除節點removeChild()
removeChild() 方法從子節點列表中刪除某個節點。如刪除成功,此方法可返回被刪除的節點,如失敗,則返回 NULL。

語法:

nodeObject.removeChild(node)
參數:

node :必需,指定需要刪除的節點。

註意: 把刪除的子節點賦值給 x,這個子節點不在DOM樹中,但是還存在記憶體中,可通過 x 操作。

如果要完全刪除對象,給 x 賦 null 值。

 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
</head>

<body>
<div id="content">
  <h1>html</h1>
  <h1>php</h1>
  <h1>javascript</h1>
  <h1>jquery</h1>
  <h1>java</h1>
</div>
<script type="text/javascript">
//一次性刪除所有子節點
function clearText() {
  var content=document.getElementById("content");
  for(var i=0;i<content.childNodes.length;i++){
      var node = content.childNodes[i];
      content.removeChild(node);
  }
}
</script>
<button onclick="clearText()">清除節點內容</button>
</body>
</html>

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1.welcome dede 2.計算圓面積 ...
  • H2Engine伺服器引擎架構是輕量級的,與其說是引擎,個人覺得稱之為平臺更為合適。因為它封裝的功能非常精簡,但是提供了非常簡潔方便的擴展機制,使得可以用C++、python、lua、js、php來開發具體的伺服器功能。H2引擎的靈感來源於web伺服器Apache。 H2引擎集成了websocke... ...
  • 實踐環境: 操作系統:Windows 7(X64) Python版本:python-2.7.13.msi 使用插件:pygame-1.9.1.win32-py2.7.msi 軟體下載: 未完,待續... ...
  • 本文介紹的是我在機器學習方面的 實際經歷,想以此給大家提供些建議與思路,供各位參考。希望通過一些途徑,來提高機器學習的興趣:(1)參與打卡活動:45天機器學習實戰(2)加入專門的微信群(3)建立機器學習的Github項目倉庫 ...
  • 1 抽象類 1.1 抽象類概述 在java中,一個沒有方法體的方法應該定義成抽象方法,而類中如果有抽象方法,這個類必須定義為抽象類。 示例: 1.2 抽象類的特點 方法只有聲明沒有實現的時候,該方法就是抽象方法,需要被abstract修飾,抽象方法必須定義在抽象類中。 抽象類不可以被實例化。 抽象類 ...
  • JDBC是什麼: Java Database Connectivity:Java訪問資料庫的解決方案 JDBC是Java應用程式訪問資料庫的里程碑式解決方案。Java研發者希望用相同的方式訪問不同的資料庫,以實現與具體資料庫無關的Java操作界面。 JDBC定義了一套標準介面,即訪問資料庫的通用AP ...
  • 7年前我飛去廈門幫男神做項目,得到的結果他們老闆驚呆了,真是大牛啊。說一定要意思一下,不能讓大牛白做,結果還是什麼也沒給,所以我衷心祝福那個老闆儘快破產。但是男神卻很鄙視我,鄙視了很多年。因為他看到了我的過程,覺得沒有技術含量。事情是這樣:當時男神做了一個extjs框架的管理系統。這個框架現在基本沒 ...
  • Table of contents · Introduction to ActiveMQ · Installing ActiveMQ · Message-oriented middleware · JMS specification · What's the Java Message Service ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...