課程
/前端開發
/JavaScript
/JavaScript進階篇
比如:我點擊了一個button觸發事件,我并沒有對這些標簽的設置ID之類的,不通過查找來獲取,怎么獲得觸發事件的button的對象。
2016-04-28
源自:JavaScript進階篇 9-14
正在回答
<!DOCTYPE html><html><head>?? ?<meta charset="UTF-8">?? ?<title>Document</title>?? ?<script type="text/javascript">????? function getOwner(obj){???? ??? ?console.log(obj);????? }?? ?</script></head><body>?? ?<button onclick="getOwner(this)">click</button></body></html>
飛到死的鳥 提問者
你的問題我有點不大理解
首先,沒設置id也沒設置class,還可以通過標簽、子元素父元素兄弟等關系進行查找獲取
然后,你觸發onclick,只想找到觸發的那個button可以使用this,找其他元素就必須用查找來確定了
也許你需要一個例子?非常簡單的小例子,沒有用查找,直接用this獲取
<!DOCTYPE HTML><html><head> ? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> ? ?<title>nextSibling</title></head><body><script type="text/javascript"> ? ?function changecolor(obj){ ? ? ? ?obj.style.color="red"; ? ?}</script><input type="button" onclick="changecolor(this)" value="我要變色"/></body></html>
舉報
本課程從如何插入JS代碼開始,帶您進入網頁動態交互世界
2 回答怎么獲取元素的類型
2 回答用document.getElementsByTagName("li")獲得的Li元素出現以下現象的原因?
1 回答到底是獲得指定元素的上一個元素還是獲得指定節點的上一個節點?
1 回答這里的數組對象怎么可以這樣選擇元素?
2 回答獲取body元素
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-04-28
<!DOCTYPE html>
<html>
<head>
?? ?<meta charset="UTF-8">
?? ?<title>Document</title>
?? ?<script type="text/javascript">
????? function getOwner(obj){
???? ??? ?console.log(obj);
????? }
?? ?</script>
</head>
<body>
?? ?<button onclick="getOwner(this)">click</button>
</body>
</html>
2016-04-28
你的問題我有點不大理解
首先,沒設置id也沒設置class,還可以通過標簽、子元素父元素兄弟等關系進行查找獲取
然后,你觸發onclick,只想找到觸發的那個button可以使用this,找其他元素就必須用查找來確定了
也許你需要一個例子?非常簡單的小例子,沒有用查找,直接用this獲取
<!DOCTYPE HTML>
<html>
<head>
? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
? ?<title>nextSibling</title>
</head>
<body>
<script type="text/javascript">
? ?function changecolor(obj){
? ? ? ?obj.style.color="red";
? ?}
</script>
<input type="button" onclick="changecolor(this)" value="我要變色"/>
</body>
</html>