js 如何根据class获取对象

JavaScript010

js 如何根据class获取对象,第1张

var obj = document.getElementsByTagName("span")//先得到所有的SPAN标记

for(var i=0i<obj.lengthi++)

{

if(obj[i].className == 'a')//找出span标记中class=a的那个标记

{

var getObj = obj[i]

value = getObj.innerHTML//获得他的innerHTML

}

}//有效且管用，但是很笨的方法，目前我没发现还有其他方法。

根据你的需求，举例如下：

document.querySelector：获取首个（单个）符合条件元素

document.querySelector('.name') //获取页面上首个class属性中包含name的元素。

document.querySelectorAll：获取全部符合条件元素

document.querySelectorAll('.name') //获取页面上全部class属性中包含name的元素。

<html>

<head>

<meta

http-equiv="Content-type"

content="text/html

charset=utf-8">

<title>1</title>

</head>

<script

type="text/javascript"

charset="utf-8">

window.onload=function()

{

document.getElementsByClassName('aaa')[0].innerHTML="sdf"

}

</script>

<body>

<div

class="aaa">

</div>

</body>

</html>

是getElementsByClassName，你少个s

firefox、Opera浏览器下测试通过