原生DOM操作兩個栗子,關於摺疊內容和批量刪除

2022-05-21 08:15:24 字數 3566 閱讀 1672

批量刪除處理上次的全選事件

摺疊與展開內容

第一種是選單欄與子選單,主要是div設定display屬性

<

table

>

<

tr>

<

td>

<

div

class

="up"

onclick

=show("a0")

><

a href

="#"

>選單一

a>

div>

<

div

onmouseover

=high()

onmouseout

=low()

id="a0"

style

="display:none"

>

<

li class

="innerclass"

>子選單

li>

<

li class

="innerclass"

>子選單

li>

<

li class

="innerclass"

>子選單

li>

div>

td>

tr>

<

tr>

<

td>

<

div

class

="up"

onclick

=show("a1")

><

a href

="#"

>選單二

a>

div>

<

div

onmouseover

=high()

onmouseout

=low()

id="a1"

style

="display:none"

>

<

li class

="innerclass"

>子選單

li>

<

li class

="innerclass"

>子選單

li>

<

li class

="innerclass"

>子選單

li>

<

li class

="innerclass"

>子選單

li>

<

li class

="innerclass"

>子選單

li>

<

li class

="innerclass"

>子選單

li>

<

li class

="innerclass"

>子選單

li>

<

li class

="innerclass"

>子選單

li>

<

li class

="innerclass"

>子選單

li>

<

li class

="innerclass"

>子選單

li>

div>

td>

tr>

table

>

<

script

>

function

show(div)

else

}function

high()

}function

low()}

script

>

第二種情況是選單項裡巢狀一系列子選單,如果按照前一種方式就會很麻煩了,在所有父選單都要繫結事件,所以用dom節點操作就很省事啦,(元素匹配的是加減圖示)

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>document

title

>

<

style

>

ul ul a

ul a:hover

style

>

head

>

<

body

>

<

ul>

<

li>

<

img

src="images/bt1.png"

><

span

class

="fliat"

>

<

a href

="#"

>父選單

a>

span

>

<

ul>

<

li><

img

src="images/bt1.png"

>

<

span

><

a href

="#"

>子選單

a>

span

>

<

ul>

<

li><

a href

="#"

>孫選單

a>

li>

<

li><

a href

="#"

>孫選單

a>

li>

<

li><

a href

="#"

>孫選單

a>

li>

<

li><

a href

="">孫選單

a>

li>

<

li><

a href

="">孫選單

a>

li>

ul>

li>

<

li>子選單

li>

ul>

li>

ul>

<

script

>

document.onclick

=function

(evt)

else

} }

script

>

body

>

html

>

舉兩個栗子,理解C語言指標

為什麼要有指標?我們隔壁的隔壁宿舍最近經營起了零食店 我 來5包衛龍大麵筋,送到413!老闆 麼麻噠!來咧!假設這棟宿舍樓沒有門牌號 我 來5包衛龍大麵筋,送到 額 一上樓從最左邊往右第13個宿舍!老闆 其實指標就像門牌號一樣 便於定位查詢記憶體中的資料。4gb的記憶體條有2 32個房間存資料,沒有...

關於兩個 IQueryable 合併

原先根據需求要對資料進行兩種篩選,起初寫過濾條件,但是過濾後發現有的資料重疊。因此改為查詢兩次。因為查詢後返回的是兩個相同的 匿名的 iqueryable 最終的目的是想兩個 型別結合成乙個。var msg from m in dc.messages where m.overtime system....

舉兩個栗子 如何正確建立個人的機器學習專案集

面試機器學習方面的工作時,在簡歷的個人專案那塊,你會寫什麼?建模?做機器學習專案?專案資料從哪兒來?在 sharpestminds 創始人 edouard harris 介紹的兩個成功例子中,人家是從基礎的收集資料開始一步步做專案的 目標明確,做到極致。我是一名物理學家,在 yc startup 工...