如何通过js获取div中的对象，没有ID，只有class

JavaScript012

如何通过js获取div中的对象，没有ID，只有class,第1张

例子：

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