欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript獲取onclick、onchange等事件值的代碼

 更新時(shí)間：2013年07月22日 18:22:30   作者：  
這里主要是用到了getAttributeNode()這個(gè)方法，它獲取的是屬性節(jié)點(diǎn)，忽略屬性和事件的差別，具體示例如下，感興趣的朋友可以參考下哈希望對(duì)大家有所幫助
今天小菜處理下拉菜單級(jí)聯(lián)問(wèn)題時(shí)，想獲取HTML標(biāo)簽中某個(gè)事件的內(nèi)容，也就是值，比如從<select id="city" onchange="javascript:test();"></select>中獲取javascript:test();。
小菜想通過(guò)事件中的信息，確定下一級(jí)的菜單，但是這個(gè)貌似很簡(jiǎn)單的問(wèn)題，卻讓小菜糾結(jié)了一番。
稍微懂點(diǎn)JQuery的童鞋，可能會(huì)嘗試這樣獲取：
復(fù)制代碼 代碼如下:

$(document).ready(function(){
var onchangeValue = $("#city").attr("onchange");
alert(onchangeValue);
});

一般情況下，這樣的確可以獲取到，因?yàn)镴Query萬(wàn)能的attr方法，可以獲取標(biāo)簽中任何的”屬性”，即使是一個(gè)事件，也可以直接獲取內(nèi)容，這里onchange就是事件。
但小菜在實(shí)際開(kāi)發(fā)環(huán)境中，用這個(gè)方法怎么也獲取不到，得到的均是undefined。
在糾結(jié)之際，發(fā)現(xiàn)了另外一種用純JavaScript實(shí)現(xiàn)獲取的方法。
具體代碼如下：
復(fù)制代碼 代碼如下:

$(document).ready(function(){
var onchangeValue = document.getElementById("city").getAttributeNode("onchange").nodeValue;
alert(onchangeValue);
});

簡(jiǎn)單說(shuō)一下，這里主要是用到了getAttributeNode()這個(gè)方法，它獲取的是屬性節(jié)點(diǎn)，忽略屬性和事件的差別，類(lèi)似于對(duì)XML的處理，然后再用nodeValue獲得屬性節(jié)點(diǎn)的節(jié)點(diǎn)值。
如果使用getAttribute()方法，由于onchange是一個(gè)事件，因此獲取的是一個(gè)函數(shù)對(duì)象，無(wú)法當(dāng)成字符串處理。
希望這篇文章能夠幫助需要的童鞋。

相關(guān)文章

最新評(píng)論