html —— 檢視元素屬性 與 js 全域性屬性
阿新 • • 發佈:2019-02-08
算是一個意外的收穫,所以記錄下。
檢視元素的全部屬性與事件:
使用 console.log() 列印元素,檢視完整屬性與事件。
檢視js 全域性屬性與事件:
chrome 瀏覽器開啟console 視窗,watch中 輸入" window. "提示的即為全域性屬性與函式等。
例如,console.log() 列印select 元素,將發現它具有的屬性遠不止常用的 id,name等,還具有multiple (支援多選),size(最多選取的個數等)。
<select id="select" multiple="multiple" size="2"> <option value="1" selected="selected">選項一</option> <option value="2" selected="selected">選項二</option> <option value="3">選項三</option> </select> <script type="text/javascript"> console.log(document.getElementById("select")) //也可dom操作 //document.getElementById("select").multiple=true; //document.getElementById("select").size=2; console.log(document.getElementById("select").selectedOptions[1].innerHTML);//提示:選項二 </script>
效果:
要獲取選中的多個值,也可通過檢視其屬性獲取。這樣是不是比檢視示例文件更加有意義?