div获取js数据，jq获取div

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

js读取变化后的div

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

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

html：input type=file id=inputId button on-click=goGetValue()/button js：function goGetValue(){ var value =document.getElementById(inputId).value；} 这个value就是要获取的值。

在 JS获取div高度的方法中，整理了几个有关于获取div高度的方法，后来又遇到一个问题，怎么获取DIV在页面中的绝对位置，因此在这篇笔记中记录一下。

在这段代码中，首先使用 document.querySelector(div) 获取了一个名为 a 的元素。然后，在后续的代码中，将 a 元素的类名更改为 box2。

相关问答

Q1: 怎么用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写。

4、div 的scrollWidth 和 scrollHeight 属性。在将div的内容设置好了以后，这2个准确得到了宽度和高度。

5、可以使用offset()方法来获取元素距离浏览器的边距，offset()方法返回或设置匹配元素相对于文档的偏移（位置）。

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

Q2: js如何获取div高度js获取div高度auto

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

获取div的高度。如果得不到，可以用下面的方法。下面的方法是得到编辑后的div的高度：/ obj：需要获取其属性的html对象。prop：要获取的obj对象的属性。

因为是动态数据，所以#div1的高度是auto，无法获取到具体值。var div1=document.getElementById(div1)；alert(divstyle.height)； //没有值建议从css上改进。

var oDiv = document.getElementById(div)； alert(oDiv.offsetHeight)； //这个就是获取DIV的高度 oDiv.style.height = oDiv.offsetHeight + 100 + px； //这个就是直接给DIV的高度赋值。

Q3: 如何让div里面显示js内容?

假设需要显示的数据是“123”。显示的div的ID是“aaa”。

假如你页面的js有定义过 xxx()；这样的函数，如果你div那里衔接需要a href = javascript：xxx()；/a。

使用JS的document.getElementById(ID).innerHTML获取标签内容。修改的只需在后面加上=即可。实例演示如下：HTML的DOM设计。设计两个DIV，其中第一个div放入入一些文字。

先新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一个模块，并设置其id为outinput，主要用于下面通过该id获得div对象。

Q4: 如何用javascript取div里面的内容?

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签中，输入js代码：var id = $(div).attr(id)；document.body.innerText = id；。

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

3、-10-23 js获取div内容并获取前五十个字符。

4、在js标签内，定义一个变量html，使用for循环遍历arr数组，每次读取数组元素，将元素值与p标签组合，用于实现在页面出来。

5、点击字面即可修改内容说明获取到了div中的class属性成功。注意事项：div 可定义文档中的分区或节（division/section）。div 标签可以把文档分割为独立的、不同的部分。

Q5: JS如何获取某个DIV下的元素