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

这要分两种情况：

1、按钮在div中。

我们可以通过：

var btn = documentgetElementById("btn");//获取按钮节点

var div = btnparentNode;//获取di元素，当然不一定div就是按钮的父元素，可以通过parentNode向上查找，最好还是给div加一个id2、按钮不在div中

我们可以通过：

//以上这种情况最好给div加一个id,通过以下方式获得

var div = documentgetElementById("div")

//如果不想加的话，以下方式

var divs = documentgetElementsByTagName("DIV");

var div = divsitem(n);//n表示要取的div,从0开始

代码如下：

$(document)ready(function(){

var i=0; // divid就是某个div的id，each是遍历这个div下的所有a标签

$("item a")each(function(){   

$(this)click(function(){         // 设置每个a标签的onclick事件，在这里你想干吗都可以       

var city = thisinnerHTML;       

var citynum = thisid;       

$ajax(

{ url:getRootPath()+'/help!changeareaaction',

data:{ "city":city, "citynum":citynum },

type:'post', dataType:'json',

success:function(data){

alert("更新成功！");

}    });     }); }); });

扩展资料

所有主流浏览器都支持 <div> 标签。

<div> 可定义文档中的分区或节（division/section）。

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

用法

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。

可以对同一个 <div> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

1、var a = documentgetElementById("test")getElementsByTagName("div");

代码的test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。

2、var b =documentgetElementById("test")childNodes;

使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式。他会把换行和空格也当成是节点信息。

扩展资料：

js获取父节点的方式：

1、parentNode获取父节点

获取的是当前元素的直接父元素。parentNode是w3c的标准。

var p  = documentgetElementById("test")parentNode

2、parentElement获取父节点

parentElement和parentNode一样，只是parentElement是ie的标准。

var p1 = documentgetElementById("test")parentElement;

3、offsetParent获取所有父节点

一看offset我们就知道是偏移量 其实这个是于位置有关的上下级 ，直接能够获取到所有父亲节点， 这个对应的值是body下的所有节点信息。

var p2 = documentgetElementById("test")offsetParent;

以上就是关于JavaScript如何获取按钮所在的div元素全部的内容，包括:JavaScript如何获取按钮所在的div元素、如何遍历获得div里面所有a标签，并为每一个div添加自增的id和对应的事件。、js如何获取某id的子标签等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！