用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的eval函数实现,示例如下:

<script type="text/javascript">
//自定义函数,用于d出三个参数的值
function alertFunc(str1,str2,str3){
alert(str1);
alert(str2);
alert(str3);
}
//自定义函数:根据传入的函数名,调用函数
function callAlert(functionName){
//根据函数名得到函数类型
var func=eval(functionName);
//创建函数对象,并调用
new func(arguments[1],arguments[2],arguments[3]);
}

</script>
<!--编写按钮,在点击事件中调用函数-->
<button onclick="callAlert('alertFunc','tom','hello','world')" >测试函数调用</button>

js获取元素的class名:

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

jquery获取元素的class名:

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

相关概念

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

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


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

原文地址: http://outofmemory.cn/yw/13413175.html

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

发表评论

登录后才能评论

评论列表(0条)

保存