思路:通过id可以获取到<div>对象,通过getAttribute()和innerHTML分别可以获取<div>对象的自定义属性和文本内容。下面实例演示获取<div>标签的自定义属性user_id:
1、HTML结构
<div id="test" user_id="test_id">id="test" user_id="test_id"</div><br/><input type='button' value='获取div的自定义属性' onclick="fun()"/>
2、javascript代码
function fun(){obj = document.getElementById("test")
alert(obj.getAttribute("user_id"))
}
3、点击按钮后效果
例子:<div class='view view-case-view-all' >
<div class= 'view-content view-content-case-view-all' >
<table border="1" >
<tr class="odd" >
<td class="view-field view-field-node-title" >任务测试</td >
</tr >
</table >
</div >
</div >
<script language="javascript" type="text/javascript" >
document.getElementsByClassName = function(_className)
{ //根据class获得对象集合
var aimObj = []
var elements = document.getElementsByTagName("*") //取得所有元素的集合
alert(elements.length)
for(var i=0i<elements.lengthi++)
{
if(elements[i].className==null) continue
if(elements[i].className == _className)
{
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