javascript動態設定select下拉選單字型大小
本章節分享一段極其簡單的程式碼例項,它使用javascript實現了動態設定select下拉選單字型大小的功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> select{ font-size:12px; } </style> <script> window.onload = function () { var obt = document.getElementById("bt"); var osel = document.getElementById("sel"); obt.onclick = function () { osel.style.fontSize = "18px"; } } </script> </head> <body> <select id="sel"> <option>螞蟻部落一</option> <option>螞蟻部落二</option> </select> <input type="button" value="檢視效果" id="bt"/> </body> </html>
更多關於select下拉選單的操作可以參閱javascript動態操作select下拉選單一章節。
相關文章
- JavaScript動態設定select下拉選單預設選項JavaScript
- JavaScript動態操作select下拉選單JavaScript
- JavaScript 動態生成select下拉選單JavaScript
- JavaScript動態建立select下拉選單JavaScript
- JavaScript動態設定文字字型大小JavaScript
- JavaScript動態生成年份select下拉選單JavaScript
- javascript動態設定字型的大小程式碼例項JavaScript
- 如何設定select下拉選單可以多選
- 設定select下拉選單的預設選中項
- 設定select下拉選單readonly只讀
- javascript設定select下拉選單readonly只讀程式碼例項JavaScript
- 淺扒Android動態設定字型大小Android
- js如何動態為select下拉選單新增option項JS
- JavaScript 獲取select下拉選單所有optionJavaScript
- win10 工作列選單字型大小怎麼調_win10選單字型大小怎麼設定Win10
- select下拉選單二級聯動
- 通過ajax方式動態新增select下拉選單的option選項
- HTML select下拉選單HTML
- HTML select 下拉選單HTML
- rails中使用form.select建立動態的下拉選單薦AIORM
- 如何設定select下拉選單option項顯示的數目
- 原生javascript操作select下拉選單程式碼例項JavaScript
- javascript模擬美化select下拉選單效果詳解JavaScript
- jQuery 美化select下拉選單jQuery
- 圓角select下拉選單
- select下拉選單 change事件事件
- 直播軟體開發,通過js動態設定字型大小JS
- javascript獲取select下拉選單所有項的內容JavaScript
- javascript刪除select下拉選單項程式碼例項JavaScript
- ImageView 動態設定大小View
- 選中select下拉選單項提交表單
- jquery動態設定selectjQuery
- 可以輸入select下拉選單
- jquery如何操作select下拉選單jQuery
- 下拉選單框select常用點
- 兩個select下拉選單的option相互移動
- 獲取select下拉選單預設選中項的索引索引
- javascript獲取select下拉選單框的value和text值JavaScript