JS效果中 解释一下 document.getElementById("img").onclick=function(){} 的意思

JS效果中 解释一下 document.getElementById("img").onclick=function(){} 的意思,第1张

这段代码可以分开来看,首先说明的是:documentgetElementById()会通过元素的id来获取整个元素,也就是说

var

element=documentgetElementById("img")

然后elementonclick()点击触发一个事件,这个事件会执行funciton()函数。总体效果就是点击id为img的这个页面元素,就会触发funciton函数。

这要分两种情况:

1、按钮在div中。

<div>

    <input type="button" id="btn" />

</div>

我们可以通过:

var btn = documentgetElementById("btn");//获取按钮节点

var div = btnparentNode;//获取di元素,当然不一定div就是按钮的父元素,可以通过parentNode向上查找,最好还是给div加一个id

2、按钮不在div中

<input type="button" id="btn" />

<div></div>

我们可以通过:

//以上这种情况最好给div加一个id,通过以下方式获得

var div = documentgetElementById("div")

//如果不想加的话,以下方式

var divs = documentgetElementsByTagName("DIV");

var div = divsitem(n);//n表示要取的div,从0开始

以上就是关于JS效果中 解释一下 document.getElementById("img").onclick=function(){} 的意思全部的内容,包括:JS效果中 解释一下 document.getElementById("img").onclick=function(){} 的意思、JavaScript如何获取按钮所在的div元素、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9289938.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存