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

Posted 2023-03-27

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

使用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、点击按钮后的效果

参考技术A 例如：
<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>本回答被提问者采纳 参考技术B <div id="dd2">ggggggggg</div>
...
...

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