<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)
{
思路:通过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、点击按钮后效果