1. 程式人生 > >html —— 檢視元素屬性 與 js 全域性屬性

html —— 檢視元素屬性 與 js 全域性屬性

算是一個意外的收穫,所以記錄下。

檢視元素的全部屬性與事件:

使用 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>

效果:


要獲取選中的多個值,也可通過檢視其屬性獲取。這樣是不是比檢視示例文件更加有意義?