js取div里的值，js获取div的class属性

如何用js取得div之间的值

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

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

现在来说第一个方法：假如你在上面的代码的li标签中假如这样一个id ：li id=test那么可以这样来找到DIV的ID值：var the_div_id = document.getElementById(test).getElementsByTagName(div)[0].id；这样要求一点点小技巧。

新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。在test.html文件内，设置div标签的id为mydiv，主要用于下面通过该id获得mydiv对象。

本文实例讲述了JS实现DIV容器赋值的方法。

相关问答

Q1: js如何获取写在div里面的值?

首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签中，输入js代码：var id = $(div).attr(id)；document.body.innerText = id；。浏览器运行index.html页面，此时取到了div的id并成功打印出了。

border：1px solid #ccc；a href=#111111/a /div/bodyscriptvar oDiv = document.getElementsByTagName(div)[0]；alert(oDiv.innerHTML)； //这样就可以获取div标签里面所有的内容。

新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。在test.html文件内，设置div标签的id为mydiv，主要用于下面通过该id获得mydiv对象。

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

(div).index(this).text()；改成$(this).text()；即可。不过你的div宽度是100%，从下往上移4会挡住其他的，除非你把浏览器缩小，从左边移进去。 修改建议，加个id为tips的div，然后将index的值放进去，这样移动的时候它就会自动变换，看起来明显些。

Q2: 怎么在js里取得div的top值和left值

在 JS获取div高度的方法 中，整理了几个有关于获取div高度的方法，后来又遇到一个问题，怎么获取DIV在页面中的绝对位置，因此在这篇笔记中记录一下。 页面结构 样式 getBoundingClientRect用于获取某个元素 相对于视窗 的位置集合。集合中有top， right， bottom， left等属性。

问题 通过点击一控件，在控件的下面显示一个浮动层，通常的做法是：获取此控件的offset值，再计算出浮动层的top，left等css属性的值，赋值即可。那么下面就看一下如何获取控件的offset值。纯JS的实现 首先想到的是这样的一段js。

就是获取当前元素的offsetTop值，减去可视区域的高度和窗口卷起的高度。

这种问题的话，首先要确认你的offsetParent是谁，如果它的父级有设置position相对、绝对、fixed的话，那么offsetParent就是这个标签了，offsetLeft\Top就是相对于这个标签的位置了。

border：1px solid #ccc；a href=#111111/a /div/bodyscriptvar oDiv = document.getElementsByTagName(div)[0]；alert(oDiv.innerHTML)； //这样就可以获取div标签里面所有的内容。

Q3: js如何获取div中的数据?

首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签中，输入js代码：var id = $(div).attr(id)；document.body.innerText = id；。浏览器运行index.html页面，此时取到了div的id并成功打印出了。

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

下面是个简单的小例子：bodydiv style=width：100px； height：100px； border：1px solid #ccc；a href=#111111/a /div/bodyscriptvar oDiv = document.getElementsByTagName(div)[0]；alert(oDiv.innerHTML)； //这样就可以获取div标签里面所有的内容。

新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。在test.html文件内，设置div标签的id为mydiv，主要用于下面通过该id获得mydiv对象。

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

现在来说第一个方法：假如你在上面的代码的li标签中假如这样一个id ：li id=test那么可以这样来找到DIV的ID值：var the_div_id = document.getElementById(test).getElementsByTagName(div)[0].id；这样要求一点点小技巧。

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

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签中，输入js代码：var id = $(div).attr(id)；document.body.innerText = id；。浏览器运行index.html页面，此时取到了div的id并成功打印出了。

2、$(div#id).find(p).each(function(i， obj){ var txt = $(obj).text()； var count = txt.split(/\n/).length； alert(count)；})；#id中的id要换成你的div的id值。如果不是用br换行，那得用p的宽度和字符的大小来计算，还得考虑自动折行，比较复杂。

3、新建一个html文件，命名为test.html，用于讲解Jquery如何获得div下的元素。在test.html文件内，使用div标签创建一个模块，在div内，使用p标签，span标签创建测试的内容。在test.html文件内，设置div的id属性为divcon，主要用于下面通过该id获得div对象。

4、a=$(div).clone(true)；//假如div元素里面某个元素有事件，则该事件也会被复制；a=$(div).clone(false)；//不会复制事件，只会复制元素。

5、新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。在test.html文件内，设置div标签的id为mydiv，主要用于下面通过该id获得mydiv对象。

6、你好，请复制以下代码进行测试 注：请把用你自己的内容替换掉div里面的content，然后点击copy按钮，然后粘贴操作，看是否剪贴板里面已经成功存有你自己的内容。

关于js取div里的值和js获取div的class属性的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。