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