JavaScript如何获取按钮所在的div元素

2024-12-27 13:39:16

推荐回答（5个）

回答1：

这要分两种情况：

1、按钮在div中。

我们可以通过：

var btn = document.getElementById("btn");//获取按钮节点
var div = btn.parentNode;//获取di元素，当然不一定div就是按钮的父元素，可以通过parentNode向上查找，最好还是给div加一个id

2、按钮不在div中

我们可以通过：

//以上这种情况最好给div加一个id,通过以下方式获得
var div = document.getElementById("div")
//如果不想加的话，以下方式
var divs = document.getElementsByTagName("DIV");
var div = divs.item(n);//n表示要取的div,从0开始

回答2：

最简单的做法是给这个div加id，然后用getElementById来获取，
要不就按照DOM结构关系往按钮的父节点一级一级地找上去，这样子麻烦

回答3：

给层设置Id值：

……

//按钮的单击事件
public void btnClick()
{
//获取层
String div = document.getElementById("div1"); //div1为层的Id值
div.visible = false; //如果隐藏就写成false，如果显示就写成true
}
//页面中引用的时候写成

回答4：

没太看懂，按钮在DIV里？还是在DIV外？（如果在里边，那点完隐藏按钮不也就隐藏了吗）
如果在里边:
首先找到input(button)
var div = input.parentNode; // dom操作找到它的父节点（上一层如果是DIV的话）
如果层数太多，还是给div设置个id比较方便
如果在外边：
就给div设置个ID，用document.getElementById('div_id');
或者页面中DIV数量是有限个，var DIVNodeList = document.getElementsByTagName("DIV");
DIVNodeList.item(n);
都能获取到div的引用。

回答5：

$(this).parent()