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

这要分两种情况：

1、按钮在div中。

<div>

</div>

我们可以通过：

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

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

2、按钮不在div中

我们可以通过：

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

var div = documentgetElementById("div")

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

var divs = documentgetElementsByTagName("DIV");

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

$('#boxes')focus( function() { $(this)val(); } ); 使用以上代码，必须要下载jquery基层文件，下载一个放到根目录，引入当前页面

JavaScript原生方式获取元素，可以使用querySelector方法。

举例如下：

假设我定义了2层div。然后我来获取内层的那个div。

HTML：

</div>

JavaScript：

documentquerySelector('#name div'); //返回的就是内层div的对象了。

如有疑问，可继续追问。

运用js获取div宽度，原生JS获取DIV的属性有两种方法，js 获取方法命令如下：

currentStyle和getComputedStyle，前者是兼容IE端的，后者也兼容W3C，两者内核不同，所以就有两种兼容的写法。

如果只是单独的获取某个属性值可以这样写：

objcurrentStyle[属性名];这种不兼容-webkit-内核的，

所以一般是封装成一个函数可以到处调用，而且不止针对某个属性值。

function getStyle(obj,styleName){if(objcurrentStyle){return objcurrentStyle[styleName];}else{return getComputedStyle(obj,null)[styleName];

}

上面是封装好一个函数，可以直接调用。

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。

有两种方法

1 用组件的title属性, 这个是HTML中自带的提示属性, 当鼠标停留在组件上的时候, 就会d出提示, 比如<div title="小明">name</div>, 当鼠标停留在div上的时候, 就会有一个小黄框, 显示"小明"

2上面的提示框很不好看, 而且功能很固定, 所以你可以在组建上加一个onmouseover的事件, 记录鼠标的位置, 我写了一个例子, 你看看是不是你需要的:

var mouseX;

var mouseY;

function showName() {

var infoDiv = documentgetElementById('infoDiv');

infoDivinnerHTML = 'This is the name!';

infoDivstyleleft = mouseX;

infoDivstyletop = mouseY;

infoDivstyledisplay = "block";

}

function mouseOver(obj) {

// 此处记录鼠标停留在组建上的时候的位置, 可以自己通过加减常量来控制离鼠标的距离

mouseX = eventclientX;

mouseY = eventclientY;

}

</script>

<div onclick="showName()" onmouseover="mouseOver()" >Click here to display name</div>

给div设置一个id或者class：

html部分：

js部分：

//获取mydiv

var mydiv=documentgetElementById("mydiv");

//获取#mydiv的高度

var divheight=mydivstyleheight;

//设置mydiv行高

mydivstylelineHeight=divheight;

</script>

你可以直接用innerHTML这个方法返回div的内容。

下面是个简单的小例子：

<body>

</div>

</body>

var oDiv = documentgetElementsByTagName('div')[0];

alert(oDivinnerHTML); //这样就可以获取div标签里面所有的内容。

</script>

这样alertd出的框体里面的值是 '<a href="#">111111</a> ';

以上就是关于JavaScript如何获取按钮所在的div元素全部的内容，包括:JavaScript如何获取按钮所在的div元素、IE11 用js怎么获取可编辑div中光标位置、如何用JS从外层div获取内层div等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9514150.html

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

发表评论

评论列表（0条）