用js写根据类名获取HTML标签对象的方法

用js写根据类名获取HTML标签对象的方法,第1张

function

getElementByClassName(TagName,classname){

var

tags=documentgetElementsByTagName(TagName);

var

list=[];

for(var

i

in

tags)

{

var

tag=tags[i];

if(tagclassName==classname){listpush(tag);}

}

return

list;

}

consolelog(getElementByClassName("div","main"));

//2个地方用错了

一个是

tagname你默认用div了

另一个地方

push方法后面是小括号

()

js获取元素的class名:

var className=documentgetElementsByClassName('names')[0];

jquery获取元素的class名:

var className = $('names')atrr('class');

相关概念

getElementsByClassName() 方法返回文档中所有指定类名的元素集合,作为 NodeList 对象

NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。

var obj = documentgetElementsByTagName("span");//先得到所有的SPAN标记

for(var i=0;i<objlength;i++)

{

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

{

var getObj = obj[i];

value = getObjinnerHTML;//获得他的innerHTML

}

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

以上就是关于用js写根据类名获取HTML标签对象的方法全部的内容,包括:用js写根据类名获取HTML标签对象的方法、js怎么获取元素的class名、js 如何根据class获取对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存