分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

JS 封装函数getByClass(oParent,classn)

发布时间:2023-09-06 01:52责任编辑:苏小强关键词:class

通过className调用元素Element

function getByClass(oParent,classn)    //oParent,classn 为封装函数getByClass()中的两个形式参数
{
var aEl=oParent.getElementsByTagName(‘*‘);   //因为还不知道调用哪个元素,所以用通配符*
var aResult=[];
for(var i=0;i<aEl.length;i++)
{
if(aEl[i].className==classn)       //如果数组aEl中存在className与classn一致,则添加进入数组aResult中
aResult.push(aEl[i]);                  //array.push()方法指将aEl[i]添加到数组array末尾
}
return aResult;
}
window.onload=function(){
var oUl1=document.getElementById("ul1");
var oUl2=document.getElementById("ul2");
var aLook1=getByClass(oUl1,"a");        //调用getByClass()方法,输入oParent,classn的实际参数
var aLook2=getByClass(oUl2,"b");
for(var i=0;i<aLook1.length;i++)
{
aLook1[i].style.background="#ccc";
}
for(var i=0;aLook2.length;i++)
{
aLook2[i].style.background="#666";
}
}

JS 封装函数getByClass(oParent,classn)

原文地址:https://www.cnblogs.com/luuluuluu/p/8998256.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved