Question

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

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

Answer 1

使用javascript的获取对象及对象文本的方法可以取到div里面的内容，关键代码如下

document.getElementById(div_id).innerHTML;

下面进行实例演示：

1、Html结构

<div id="test">我是div的内容</div><br>
<input type='button' value='获取div的内容' onclick="fun()"/>

2、javascript代码

function fun(){
	obj = document.getElementById("test");
	alert(obj.innerHTML);
}

3、点击按钮后的效果

Answer 2

例如：
<div id="divControl">sdfsafasdfasdf3qweqwe</div>
<a href="#" onclick="javascript:getDivContent();">显示DIV内容</a>

javascript

<script>
function getDivContent()
{
var objDiv = document.getElementsById("divControl");
if(objDiv!=null)
{
//显示DIV中的内容
alert(objDiv.innerHTML);
}
}

</script>

Answer 3

<div id="dd2">ggggggggg</div>
...
...

<script ....>
var text = document.getElemenetById("dd2").innerHTML();
//text 就等于 ggggggg, 你也可以用 innerText()方法,但是,这个方法只是去字符串形式的内容,而忽略内容的格式...
</scirpt>