js，選項卡效果

2021-10-01 13:47:32 字數 812 閱讀 8902

css樣式`

.parent


.parent>.span_wrap


.span_wrap>span


.span_wrap>span.focus


.ul_wrap


.ul_wrap>ul


.ul_wrap>ul:first-child


.ul_wrap>ul>li


.ul_wrap>ul>li>a
js樣式`

function change(span,index) {


//找到所有span標籤，去掉他們原來的樣式


var span_arr=span.parentnode.children;


for (var i=0; i
個人總結：

經過上節課的，節點學習

一， 鞏固了children 是尋找元素，不包含文字和注釋

childrennodes 節點 包含 元素，文字，注釋

二， 然後學習了js函式傳參

函式名（this，index）

this 代表了是本元素，index是數列，用於區別同類兄弟元素
三，學了怎麼改變元素的class和style

var 變數=節點元素（個別情況個別尋找）

變數.classname 改變class 的值

變數.style 改變style 的值

還有，style屬性，display

display=『none』 隱藏（不顯示）

display=『block』 顯示

JS 選項卡效果案例

文字素材 房產 275萬購昌平鄰鐵三居 總價20萬買一居 200萬內購五環三居 140萬安家東三環 北京首現零首付樓盤 53萬購東5環50平 京樓盤直降5000 中信府 公園樓王現房 家居 40平出租屋大改造 美少女的混搭小窩 經典清新簡歐愛家 90平老房煥發新生 新中式的酷色溫情 66平撞色活潑家...

選項卡效果

html html lang en head meta charset utf 8 title title title style main span p active style head body div id main span class active 第乙個 span span 第二個 s...

js 的小效果 選項卡

js選項卡 按鈕1按鈕2 按鈕3div1 div2 div3 選項卡 1.按鈕和內容的個數是對應 相等 的 2.當前選中的按鈕有選中狀態 其他按鈕沒有狀態 3.和當前選中的按鈕對應的元素顯示，其他的元素隱藏 選項卡步驟 1.先做按鈕 1 先清空所有按鈕的classname for var i 0 i...