js如何获取div内容?

JavaScript012

js如何获取div内容?,第1张

假设你的html中有以下的div

<div id="id1">

</div>

<div id="id2">

</div>

如果是要获取id是id1的div的数据,获取div里面的内容有两种方式

1,纯js获取数据

var a=document.getElementById("id1").innerText

2,jqeury获取数据

var a=$("#id1").html()

js获取DIV的位置坐标的方法大概有两种:

第一种:编辑代码:var odiv=document.getElementById('divid')

alert(odiv.getBoundingClientRect().left)

alert(odiv.getBoundingClientRect().top)

第二种:编辑代码function CPos(x, y) {this.x = x this.y = y} /*** 得到对象的相对浏览器的坐标*/ function GetObjPos(ATarget {var target = ATargetvar pos = new CPos(target.offsetLeft, target.offsetTop)var target =target.offsetParentwhile (target  pos.x += target.offsetLeft  pos.y += target.offsetTop target = target.offsetParent }return pos }var obj =  document.getElementById('divid') alert(GetObjPos(obj)['x'])//x坐标alert(GetObjPos(obj)['y'])//y坐标

SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN

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