原生js动态获取父元素宽高，原生js获取div的高度

js获取父级元素

1、在body区域里添加了子，父，祖父三级div，代码如下。演示代码写好后，打开浏览器，在浏览器上运行看看效果。下面在head区域里添加实现js获取最高父级的代码，代码具体如下，这样利用了while循环来判断的。

2、首先创建一个div，里面再创建一个p元素，通过p元素来获取他的父元素div。接下来我们用js来获取p元素。这样我们就得到p元素，并获得了它的值，看看结果。接下来我们就来获取这个p元素的父元素。

3、元素parent()，返回元素的第一个父节点。元素parents()，返回一个包含元素所有父节点的数组。

4、var par=s.parentNode； //得到s的父节点 var fc=s.firstChild； //获得s的第一个子节点 var lc=s.lastChile； //获得s的最后一个子节点 } 建议：使用jquery来获取父级节点跟子级节点会更方便。

5、http：//your-iframe-url.com/page/？btnid，子页面通过location.search获取到查询字符串“？btnid”，你自己去掉问号，就可以获取到父页面的btnid了。

相关问答

Q1: Js如何获取某Dom元素的宽高

1、js获取Html元素的实际宽度高度 第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

2、document.getElementById(div).offsetHeight；这个是获取元素高度。

3、可以支持offsetHeight属性，（注意：get()过后返回的是普通DOM元素，已经不支持JQUERY的方法了，但是可以用JS的方法）。2：像楼上那哥们一样，$(div：eq(1)).height() ； height() 是JQUERY对象所支持的方法。

Q2: 怎么用js获取div的当前宽度?

1、运用js获取div宽度，原生JS获取DIV的属性有两种方法，js 获取方法命令如下：currentStyle和getComputedStyle，前者是兼容IE端的，后者也兼容W3C，两者内核不同，所以就有两种兼容的写法。

2、第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

3、var wt = document.getElementById(picBox).width；这样。另外推荐用jQuery写。

Q3: cssdiv如何获取父级元素div的宽度

第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

创建一个新的HTML文件 创建HTML标记和内容。预览效果如图所示。设置左边框的宽度border-left-width： 15px。预览效果如图。设置左边框的宽度border-left-width： thin。预览效果如图所示。

方法一：定义div的宽度，添加样式边距：0auto 示例：标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。p可定义文档中的分区或节(pision/section)。DIV是块状标签，它里边可以放置TABLE等各种模块。

父级版元素宽度不固定，父级元素设置为inline-block或者添加float；对父级元素使用min-width，这样只限制了最小的宽度，如果子元素变宽，父级同样会变宽。

原生js动态获取父元素宽高的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于原生js获取div的高度、原生js动态获取父元素宽高的信息别忘了在本站进行查找喔。