
JS通过id和class名称:documentgetElementById(IDname)或者documentgetElementsByClassName('ClassName');
兼容性:ID兼容,class 不兼容IE6,7,8
数量: 通过ID只能获取一个dom元素,通过class可以获取一组元素。
通用性:ID不能重复,class可以重复,所以class比较好用,这也是jQuery能被广泛应该的原因(选择器好)。
方法1:
var divs = documentgetElementByTagName('div'); //获得文档中所有的div,结果divs为数组
var div; //声明变量div用来存放你要的那个div
for(int i=0;i<divslength;i++){ //遍历divs数组
if(divs[i]className=='movemove'){
div==divs[i]; //如果数组中当前div元素的class是movemove,就赋给div变量
break; //退出遍历
}
}
方法2:
用XPath去试试看。我对XPath不熟,具体怎么弄不会
var li=documentgetElementsByTagname('li') ;//获取li元素
判断是否含有class值
if(liclassNameindexOf("class名称")>-1)
{
//存在这个class名
}else{
//不存在这个class名
}
下面例子通过documentgetElementsByClassName("class1")获取所有同一class的元素,使用for循环把取得的div元素的值存入数组arr中,完成的代码如下:
运行结果,打印数组如下:
扩展资料:
js或jQuery获取html元素的值的常用方法:
例如:<div id="aa">值</div>
js写法:
alert(documentgetElementById('aa')innerHTML);
jQuery写法:
alert($('#aa')html());
说明如下:
innerHTML是取元素的内部html代码,此例中即div内部的所有html代码。
html()方法作用也是取dom节点的内部html内容,是jQuery中的函数方法。
function fn(){
var acc = documentgetElementById("acc")value;
//alert(acc);
$post("__APP__/Index/fn",{'acc':acc},function(data){
var x = eval("("+data+")");
var html = "";
$each(x,function(a,aValue){
html += "<h2 class='lisa'>"+a+"</h2>";
//alert(html);
$each(aValue,function(b,bValue){
html += "<li style='display:none;' class='bvvvv'>"+bValue+"</li>";
//alert(html);
});
//html += "</li>";
//fnn();
});
//alert(html);
$("#list")html(html);
});
<html>
<head>
<meta
>
以上就是关于js如何获得本次事件的id或class名称全部的内容,包括:js如何获得本次事件的id或class名称、js中DOM对class的 *** 作、如何用js判断dom是否有存在某class的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)