javascript獲取標籤子節點並進行相應設定

阿新 • • 發佈：2019-01-14

由於經常會遇到對同一個型別的標籤的子標籤進行相應的處理，例如下圖所示情況。

可以使用以下方法，讓每一個li標籤新增onclick事件，並且將這個標籤整體傳遞給onclick事件的函式。

//獲取子節點陣列
	var aChild =Obj.childNodes;
	for(var i = 0,len = aChild.length; i < len; i++ ){
		//判斷子節點名稱，注意大寫。
		if(aChild[i].nodeName == 'UL'){
			//獲取子節點id
			var ul = document.getElementById(aChild[i].id);
		}

上面選單的實現辦法如下：

<html>	
<head>
<script>
function showTree(Obj){
	//獲取子節點陣列
	var aChild =Obj.childNodes;
	for(var i = 0,len = aChild.length; i < len; i++ ){
		//判斷子節點名稱，注意大寫。
		if(aChild[i].nodeName == 'UL'){
			//獲取子節點id
			var ul = document.getElementById(aChild[i].id);
			if(ul.style.display=="none"){
				ul.style.display="block";	
			}
			else {
				ul.style.display="none";
			}
		}
	}
}		
</script>
</head>
<body>
	<ul>
		<li onclick="showTree(this)">menu1
			<ul id="ul1" style="display:none" >
				<li>item1</li>
				<li>item2</li>
			</ul>
		</li>
		<li onclick="showTree(this)">menu2
			<ul id="ul2" style="display:none" >
				<li>item1</li>
				<li>item2</li>
			</ul>
		</li>
		<li onclick="showTree(this)">menu3
			<ul id="ul3" style="display:none" >
				<li>item1</li>
				<li>item2</li>
			</ul>
		</li>
	</ul>
</body>
</html>

javascript獲取標籤子節點並進行相應設定

由於經常會遇到對同一個型別的標籤的子標籤進行相應的處理，例如下圖所示情況。可以使用以下方法，讓每一個li標籤新增onclick事件，並且將這個標籤整體傳遞給onclick事件的函式。 //獲取子

Spark Streaming從Kafka中獲取數據，並進行實時單詞統計，統計URL出現的次數

scrip 發送消息 rip mark 3.2 umt 過程 bject ttr 1、創建Maven項目創建的過程參考：http://blog.csdn.net/tototuzuoquan/article/details/74571374 2、啟動Kafka A:安裝ka

Mysql 通過父節點ID獲取所有子節點數據函數

mysql return mysq char cas begin cast tid 函數 BEGIN DECLARE sTemp text; DECLARE sTempChd text; SET sTemp = ‘$‘; SET sTempChd =ca

在win10下安裝自帶的linux,並進行相應的配置

相信大部分同學都跟我一樣都是使用Windows系統的，但是作為一個開發者來說，Linux命令是經常要用到的，在以前我們使用虛擬機器安裝Linux的，如果電腦配置低的話，就基本卡著不動了。在Windows10後，我們再也不用那麼麻煩了，因為可以直接在Windows上安裝子系統。

利用pyrealsense獲取深度圖，並進行畫素對齊

系統：Ubuntu16.04 python版本：python2.7 核心版本：4.13.0 realsense SDK：librealsense1.12.1 python wrapper：pyrealsense2.2 這裡的pyrealsense2.2指的是pyrealsense

linux在資料夾中查詢檔案包含的字串，並進行相應的替換

說明如下：要在一個目錄中，查詢所有檔案中包含的字串AAA，找出檔案，並用BBB進行替換掉。 #grep -r AAA ./ #表示在當前目錄中遞迴查詢包含AAA的檔案。 #grep -rl AAA ./

SQL 遞迴查詢（根據指定的節點向上獲取所有父節點,向下獲取所有子節點）

WITH TEMP AS ( SELECT * FROM t_sys_org WHERE ID='0' --表的ID UNION ALL SELECT T0.* FROM TEMP,t_sys_org T0 WHERE TEMP.ID=T0.parent_id

使用cookie技術實現，快取最近瀏覽過詳細資訊的三本書的書名列表，並進行相應顯示

（1）顯示書名列表，及最近閱讀的最多三本書的書名 public class ShowGoods extends HttpServlet { /** * */ private static final long serialVersionUID = 9782

JavaScript 獲取標籤屬性值

獲取標籤屬性值： <div id="testDivID" name="testDivName" value="divTagValue" defMyTag="Lionbule">1</div> <script type="text/ja

Android獲取手機基站資訊並進行基站定位（基站定位原理）

http://blog.csdn.net/mad1989/article/details/9970431 一，首先普及一下手機基站資訊中相關的專業詞彙：通過TelephonyManager 獲取lac:mcc:mnc:cell-id（基站資訊）的解釋： MCC，M

shell指令碼查詢MYSQL資料庫並進行相應處理

實際應用中用到利用shell指令碼執行一系列與mysql表中資料相關的操作，因此需要將mysql表中資料作為shell指令碼引數。shell指令碼如下： hostname=ipaddress port="3306" username="abcd" password="123

JQuery獲取$(this)子節點物件的方法

相信很多剛接觸JQuery的人，很多都會對$(this)和this的區別模糊不清，那麼這兩者有什麼區別呢？首先來看看JQuery中的 $() 這個符號，實際上這個符號在JQuery中相當於JQuer

easyUI，tree，獲取一級子節點

//某節點的一級節點 function getLeafChildren(parentnoot){ var leafNodes = []; $(parentnoot.target) .next().children().children("div.tr

cocos 獲取所有子節點 -lua

function UiTools:getAllChild(parent) local node_list = {} local children = parent:getChildr

python中從外部讀入資料並進行相應轉換

在機器學習過程中，離不開大量的資料的訓練和測試，而第三方庫中所攜帶的資料庫數量又是有限，當我們需要使用自己的資料時，如何將資料從外部讀入，並將其轉化為訓練資料和測試資料？本文將介紹一種資料讀入及轉化方式，本文以csv格式的檔案為資料集作為例子進行讀取測試。i

【JavaScript】JS獲取子節點、父節點和兄弟節點的幾種方式，附CSS組合選擇器

【一】、JS獲取子節點的方式 1，通過獲取dom方式直接獲取子節點 1） document.getElementById("ID"); 2） document.getElementsByTagName("tagName")

[blockchain-046] 搭建一個單獨的同步節點獲取eos鏈上資料並進行查詢

0.準備工作兩臺ecs，安全組開通 9876和5555和8888埠分別建立eos.data目錄和logging.json，此處參考 eos效能測試。 1. 在np節點執行 ./nodeos -d ~/eos.data/producer_node --config-

JavaScript獲取子節點、父節點、兄弟節點方法

特別宣告：文章轉自點選開啟連結一、js獲取子節點的方式1.通過獲取dom方式直接獲取子節點其中test的父標籤id的值，div為標籤的名字。getElementsByTagName是一個方法。返回的是一個數組。在訪問的時候要按陣列的形式訪問。11.var a = docume

Javascript獲取子節點--從瀏覽器相容性角度

1.獲取所有子節點 1.1 在Javascript中，可以通過 children來獲取所有子節點。語法：nodeObject.children 其中，nodeObject 為節點物件（元素節點），返回值為所有子節點的集合（陣列）。例如，獲取 id="demo"

(轉載)Javascript removeChild()不能刪除全部子節點的解決辦法

type 正常 body blank 舉例 tno for -- 解決辦法在Javascript中，只提供了一種刪除節點的方法：removeChild()。removeChild() 方法用來刪除父節點的一個子節點。語法： parent.removeChild(

javascript獲取標籤子節點並進行相應設定

相關推薦