Question

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

是这样，有一个作为层的DIV，她的内容是动态添加的，而且会根据需要来使用JavaScript隐藏和显示，其上的内容由一个按钮，想实现当点击这个按钮后把该层再设置为隐藏，实现关闭功能，请问，怎样获得这个按钮所在的DIV呢？

Answer 1

这要分两种情况：

1、按钮在div中。

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

我们可以通过：

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

2、按钮不在div中

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

我们可以通过：

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

Answer 2

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

Answer 3

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

Answer 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的引用。

Answer 5

$(this).parent()