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

这要分两种情况：

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

<div id="objDiv">abcd</div>

<script type="text/javascript">

var a = documentgetElementById("objDiv")innerHTML;

alert(a);

</script>

你这段js放在哪的？如果在head里，dom都没有加载完，他就执行了，当然找不到相应的元素了。。。所以要写在加载事件之后。。。

windowonload = function() {

    var kkk = documentgetElementById('kkk'),

        qwe = documentgetElementById('qwe');

    if (kkkinnerText == "qqq") {

        kkkstyledisplay = "none";

    }

    if (qweinnerText == "qqq") {

        qwestyledisplay = "none";

    }

}

另外，一般会有个触发机制，上边这样写是能实现的，但是真正用的时候肯定不这么写

可以使用next()

取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。

html代码如下

<p>Hello</p><p>Hello

Again</p><div><span>And

Again</span></div>

Jquery获取

$("p")next()

结果获取标签

<p>Hello

Again</p>,

<div><span>And

Again</span></div>

获取标签内容

$("p")next("eq:(0)")html()

//Hello

Again

以上就是关于JavaScript如何获取按钮所在的div元素全部的内容，包括:JavaScript如何获取按钮所在的div元素、js 怎么取 div里的内容、JS获取DIV或TD的内容进行判断并隐藏等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！