使用DOM指令碼進行下拉

2021-10-05 14:16:25 字數 317 閱讀 8750

亞倫·古斯塔夫森(aaron gustafson)整理了一系列有關如何使選定元素樣式化的文章 。 本質上,他的工作是從dom中刪除選擇並用ul代替它,然後新增指令碼和css使ul像下拉列表一樣工作。 這給所有曾經抱怨過選擇不合理的人提供了明顯的好處! 該系列才剛剛開始,並且存在一些問題-新元素無法切換,並且無法響應鍵盤事件-但aaron承諾第二部分將涵蓋可訪問性問題。

該指令碼使用與suckerfish下拉列表類似的技術,在ul的各個部分應用「 hover」和「 selected」類,以提供樣式鉤子(因為ie不支援:hover而不是鏈結的內容)。 這應該是乙個有用的技巧!

from:

下拉列表左右選擇 DOM

選項1 選項2選項3 選項4選項5 選項6選項7 選中新增到右邊 全部新增到右邊 選項8 選中刪除到左邊 全部刪除到左邊 思路 把select1的option 被選中 加入到select中。select標籤上有預設值 selected true,說明被中 獲取select1下面所有的option物件...

JS級聯下拉列表,DOM程式設計

建立新節點 document.createelement div document.createattribute class document.createtextnode 文字 e.innerhtml document.createcomment 注釋內容 document.createdocu...

使用lua指令碼進行報文修改

local gettcpstream field.new tcp.stream 通過field類,來建立tcp.stream的類物件 local getsrcip field.new ip.src local getdatip field.new ip.dst local getsrcport fi...