js 点击div中的元素 怎么获取是点击的div还是点击的div中的子元素

js 点击div中的元素 怎么获取是点击的div还是点击的div中的子元素,第1张

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "

<html xmlns="

<head>

<meta >

1<a>标签直接加id,然后用getElementById

2用onclick事件配合this直接传递给相关函数

<td><a href="#" class="c" onclick="func(this)">显示</a></td>

这要分两种情况:

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开始

答案

将html代码改为

<input id='btn1' type='button' onclick='test(this)' title=23 value='保存' />

其中加粗的this是相对你的代码增加的部分。

然后在你页面的js中写一个函数如下:

function test(element){

alert(elementid)

}

演示

我为此问题写了一个测试页面,可以在线测试代码。

这是演示页面的结构:

现在点击保存按钮

d出的提示就是按钮的ID

以上就是关于js 点击div中的元素 怎么获取是点击的div还是点击的div中的子元素全部的内容,包括:js 点击div中的元素 怎么获取是点击的div还是点击的div中的子元素、js怎么获取自身标签内元素、js点击一个表格里的某个元素,获取该对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9693532.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存