-
1 # 牙醬
-
2 # 則淨
建議學習下jquery,jQuery獲取id或者name的方法如下:
假設jquery物件為a,則獲取屬性方法如下:a.attr("id")。js為了適應不同的瀏覽器,需要針對瀏覽器特殊的屬性方法進行擴充套件。而js框架如jQuery等都已經把瀏覽器適應性做好了。因此用jquery寫程式碼不需要考慮瀏覽器相容性。
請參考。
-
3 # 梁溪舊巷丶
透過函式引數this,將自身傳遞給函式。從而獲取物件的name與id屬性。具體程式碼如下:
<script language=javascript>function temp(get_obj){alert(get_obj.name);alert(get_obj.id);}</script><body><input type="button" name="n1" value="第一個" onclick=temp(this)><input type="button" name="n2" value="第二個" onclick=temp(this)><input type="button" name="n3" value="第三個" onclick=temp(this)></body>
測試可用。
-
4 # 碼農劉
這個問題還是要在具體的例項中,解決會比較簡單一點.那我簡單列舉兩種情況下獲取頁面元素的id和name的方法吧.
1.事件中每一個事件方法中都會帶一個event事件的屬性引數,這個引數中就包含一個targe屬性名,值表示的就是觸發事件的節點,那我們可以這樣獲取
2.非事件中在非事件方法中,你想獲取頁面元素的id和name,那你首先就需要找到對應的節點.你可以用document物件找,當然還是建議用jquery
節點獲取了,那獲取屬性的方法還是跟上面的方法是一樣的.
在這裡我們可以看出來,使用jquery方式更加簡潔方便.重要的是碼字少呀.還是建議用一下jquery.而且jquery對於瀏覽器相容也做了部分最佳化.
回覆列表
js獲取頁面元素方法:(舉例,獲取頁面中input輸入框的id和name)
1、透過document.getElementsByTagName獲取input元素;inputs=document.getElementsByTagName("input");
2、根據1獲取第一個的元素來獲取屬性值;
var name = inputs[0].name;
3、如果需要獲取所有的值,只需遍歷inputs即可。
具體程式碼如下:
inputs=document.getElementsByTagName("input");
var first = inputs[0];
var first_name = first.name;
var first_id = first.id;
console.log(first_name);
console.log(first_id);