js获取divhtml内容高度，js获取某个元素的高度

js如何获取div中的数据?

1、新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。

2、创建一个test.html文件。在文件内，在div标签内，使用p标签创建一行文字，同时创建一个button按钮，用于触发执行js函数。

3、思路：通过id可以获取到div对象，通过getAttribute()和innerHTML分别可以获取div对象的自定义属性和文本内容。

4、oDiv = document.getElementsByTagName(div)[0]；alert(oDiv.innerHTML)； //这样就可以获取div标签里面所有的内容。

5、思路：用js取得div之间的值可用innerText属性来取得。

相关问答

Q1: 请问JS生成的DIV怎么取得层自身高度呀?

js里面提供了很多的方法，可以计算DIV的高度，以及也可以给DIV直接复制。

style.height = maxHeight + px； rightCol.style.height = maxHeight + px；}上面的代码是取得3个div的高度，并判断高度最高的div高度值，让其余两个比较矮的div高度等于最高这个，自己琢磨下，很简单。

用clientHeight或offsetHeight。对于没有具体设置高度的元素，不能直接用height获取高度。clientHeight表示内容可见区域高度；offsetHeight不同浏览器数值不尽相同，除了clientHeight的高度外还包括边框等的高度。

然后赋值给另外的div 假设div根据浏览器大小改变时跟着自适应改变。 那么js就写在浏览器视窗改变时，获取div的高度值，然后赋值给需要的div。

Q2: 请问JS怎么获取隐藏div的高度,div设置为display=“none”。谢谢_百度...

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(button).click(function () {$(#123).css(display， block)；})；。

2、打开hbuilder软件，新建一个空白的html文件，输入基本的html结构，这里设置一个button按钮用来显示隐藏div，并且给按钮一个id，命名为show。

3、不用jQuery可以这样实现：你可以在div中写个id = “div”，然后在JS中可以写：document.getElementById(div).style.display = block；//使id=div的div是display属性为block 这样就可以显示这个div了。

Q3: 怎么用js获取到外部样式表写的高度为auto的div的真实高度呢?

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

然后赋值给另外的div 假设div根据浏览器大小改变时跟着自适应改变。 那么js就写在浏览器视窗改变时，获取div的高度值，然后赋值给需要的div。

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

首先你得有个高宽比（比例），根据这个比，用js计算就是了。

关于js获取divhtml内容高度和js获取某个元素的高度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。