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

如何通过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" >

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)

{

var item = documentgetElementsByTagName("font");

for(var i=0;i<itemlength;i++){//i应该从0开始,并且少于itemlength

    if(item[i]id&&item[i]id==answerid+"fid"){

        item[i]stylecolor="red";

    }

    else if(item[i]id&&item[i]idindexOf("fid")>0){

        item[i]stylecolor="white";

    }

}

如果要获取特定的连接a对象,就必须给它加以特点的标志,name和id加进去是最好的了,不加,你也是只找麻烦,做程序就是要方便。不是要让自己浪费时间的。原理立即就好了,你要获取一个对象,就是在特定的情况下获取特定的对象,该特定的对象就必须有特定的标志。

我有一个想法就是首先遍历该集合,然后将id替换成有序的索引

for(var i = 0 ,i<listlength ,i++){

list[i]id=i;

}

通过该id的索引可以很方便的找出数组中对应的变量,

list[对象id]

这样做适合于大量数据查找对应属性的 *** 作,只需要遍历一遍,后续的所有查找动作都可以通过索引直接完成。

经过本人测试

find方法比直接遍历慢十倍,比直接通过索引查询慢一百倍,

综上,还不如直接用遍历来的快些!

测试代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoobcom)</title>

</head>

<body>

<p>点击按钮返回符合大于输入框中指定数字的数组元素。</p>

<p>最小年龄: <input type="number" id="ageToCheck" value="18"></p>

<button onclick="myFunction()">find方法点我</button>

<button onclick="Fun()">遍历方法点我</button>

<button onclick="FunIndex()">直接找的方法</button>

<p>值: <span id="demo"></span></p>

<p><strong>注意:</strong> IE 11 及更早版本不支持 findIndex() 方法。</p>

<script>

//测试结果很现实,遍历比find要快太多

var ages = [];

for(var i =0 ;i<1000000;i++){

agespush(i);

}

function checkAdult(age) {

return age == documentgetElementById("ageToCheck")value;

}

function myFunction() {

var start = new Date()getTime();

documentgetElementById("demo")innerHTML = agesfind(checkAdult);

consolelog("find查找耗时 :" +(new Date()getTime()-start))

}

function Fun() {

var start = new Date()getTime();

var value = documentgetElementById("ageToCheck")value;

for(var i =0 ; i<ageslength ;i++){

if(i==value){

documentgetElementById("demo")innerHTML =i;

consolelog("直接遍历耗时 :" +(new Date()getTime()-start));

return;

}

}

}

function FunIndex(){

var start = new Date()getTime();

documentgetElementById("demo")innerHTML =ages[documentgetElementById("ageToCheck")value]

consolelog("数组索引查找耗时 :"+(new Date()getTime()-start));

}

</script>

</body>

</html>

测试结果如下:

以上就是关于如何通过js获取div中的对象,没有ID,只有class全部的内容,包括:如何通过js获取div中的对象,没有ID,只有class、js 获取html 控件id的问题 急 谢谢大家帮忙、用javascript怎样获得一个没有id没有name没有class的对象呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9699376.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存