HTML的onclick的this指向
生活随笔
收集整理的這篇文章主要介紹了
HTML的onclick的this指向
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.簡述
<input type="button" value="modify" οnclick="changeContent()">
寫在元素上onclick里面的函數changeContent,相當于函數直接調用,
函數里面使用的this指向全局對象window,而不是指向該元素
<input type="button" value="修改" οnclick="changeContent(this)">
這里的this指這個input標簽,要設置對應的形參才是當前對象那個
如果沒有設置形參? 只是$(this)就是windowd對象
2.代碼
<!DOCTYPE html> <html> <head><title></title> </head> <body><div style="width:200px;height:200px;border:2px solid black" name="name" onclick="ct(this)"> <span>html()方法里面全部的代碼</span> </div></body> </html> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script><script type="text/javascript">function ct(obj) {console.log($(obj)); //是當前的對象 形參實參都要有console.log($(this)); //還是window對象 不變化 就是這么任性啊console.log($(obj).attr("name"));console.log($(obj).html());}</script>總結
以上是生活随笔為你收集整理的HTML的onclick的this指向的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 单位用工合同范本下载(单位用工合同范本)
- 下一篇: 用工协议和劳动合同(用工)