无论你想取得DIV的ID还是CLASS 最重要的是找到你想取值的DIV对象
要取得DIV对象的方法有很多常用的有2个,一个是根据ID,用
var div=documentgetElementById('youdivid')
另一种就是通过标签名来取得
var div=documentgetElementsByTagName('div')[num]
第2种方法和第一种方法的区别是不用设ID也能取得对象,第一种方法取得的是一个对象,第2种方法取得的是一个由所有DIV标签所组成的数组所以后面要根上DIV的序列比如你想取得网页的第一个DIV就
var div=documentgetElementsByTagName('div')[0]
第2个
var div=documentgetElementsByTagName('div')[1]
以此类推
取得DIV对象以事取ID或CLASS就简单了
var id=divid;
var class=divclassName;
就这么简单
下面有个例子,如果不懂,随时问我
<html>
<head>
<script>
function a(){
var div=documentgetElementById('a');
alert('div的class为:'+divid)
alert('div的id为:'+divclassName)
}
function b(){
var div=documentgetElementsByTagName('div')[0];
alert('div的class为:'+divid)
alert('div的id为:'+divclassName)
}
</script>
<style>
c{width:100px; height:100px; background:#0000CC}
</style>
</head>
<body>
<div id="a" class="c">
这是一个DIV
</div>
点击下面按钮取得ID和CLASS
<input type="button" onClick="a()" value="通过ID取得DIV,从而也得CLASS和ID">
<input type="button" onClick="b()" value="通过DIV标签取得DIV,从而也得CLASS和ID">
</body>
</html>
例子:
<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" >
documentgetElementsByClassName = function(_className)
{ //根据class获得对象集合
var aimObj = [];
var elements = documentgetElementsByTagName("") ;//取得所有元素的集合
alert(elementslength);
for(var i=0;i<elementslength;i++)
{
if(elements[i]className==null) continue;
if(elements[i]className == _className)
{
可以通过getElementsByClassName方法来返回一个元素数组,你可以引用下标来返回具体的元素对象,比如:
var elements=documentgetElementsByClassName(“classname”);
elements[0];
for(var i=0;i<objlength;i++){if(obj[i]className == 'a')//找出span标记中class=a的那个标记{var getObj = obj[i];value = getObjinnerHTML;//获得他的innerHTML}}//或者通过Jquery,ext,等JS插件来处理也可以。。。
以上就是关于javascript怎么获取div id或者class全部的内容,包括:javascript怎么获取div id或者class、如何通过js获取div中的对象,没有ID,只有class、javascript怎么获取具有指定class属性的元素对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)