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

/

  @see 鼠标点击拖拽的效果(页面可以同时拖动多个框)

  @param boxId 整个对象(框)的id(一般为div或table)

  @param event 内置对象(必须传入)

 /

function mousePlead1(event, boxId) {

    var o = getO(boxId);

    var isIE = documentall  true : false;

    var e = event;

    var x = eoffsetX || elayerX;

    var y = eoffsetY || elayerY;

    documentonmousemove = function(e) {

        ostylefilter = 'Alpha(opacity=70)';

        ostyleopacity = '07';

        if (isIE) {

            osetCapture();

        } else {

            windowcaptureEvents(EventMOUSEMOVE);

        }

        var e = windowevent || e;

        if (eclientX - x >= 0 && eclientY - y >= 0 && eclientX - x <= getWinSize()[0] - getO(boxId)offsetWidth

                && eclientY - y <= getWinSize()[1] - getO(boxId)offsetHeight) {

            ostyleleft = (eclientX - x) + "px";

            ostyletop = (eclientY - y) + "px";

        }

    };

    documentonmouseup = function(e) {

        documentonmousemove = function() {

        };

        if (isIE) {

            oreleaseCapture();

        } else {

            windowreleaseEvents(oMOUSEMOVE);

        }

        ostylefilter = "";

        ostyleopacity = "";

    };

}

 

/

 @see 获得对象

 @param id 对象的id(表单元素和其他标签都可以)

 @return Object

/

function getO(id) {

    return documentgetElementById(id);

}

 

/

  @see 获得当前窗体的大小(width,height)

  @return Array 

 /

function getWinSize() {

    var width = parseInt(documentdocumentElementclientWidth);

    var height = parseInt(documentdocumentElementclientHeight);

    return new Array(width, height);

}

以上就是关于JavaScript如何获取按钮所在的div元素全部的内容，包括:JavaScript如何获取按钮所在的div元素、js怎样获取对象id值、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！