封装一个函数来选择类名为某一个的节点

这个代码中学到了如果要返回一个数组,可以调用数组的push方法往里面添加。这次写的过程中注意到了哪些该打引号哪些不打。函数return的东西要用一个变量来保存,并不能直接用里面的那个aResult,里面那是一个局部变量。在用TagName选择子元素的时候,因为不知道子元素是什么,所以用了一个通配符来代替。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<ul id="ull">
    <li class="box"></li>
    <li></li>
    <li></li>
    <li class="box"></li>
    <li></li>
</ul>

<script>
    function getByClass (oParent,sClass)
    {
        var aResult = [];
        var aEle = oParent.getElementsByTagName(‘*‘);
        for(var i=0;i<aEle.length;i++)
        {
            if(aEle[i].className == sClass)
            {
                aResult.push(aEle[i]);
            }
        }
        return aResult;
    }
    var oUl = document.getElementById(‘ull‘);
    var aBox = getByClass(oUl,‘box‘);
    for(var i=0;i<aBox.length ;i++)
    {
        aBox[i].style.background = ‘red‘;
    }

</script>
</body>
</html>
时间: 2025-01-14 02:59:11

封装一个函数来选择类名为某一个的节点的相关文章

每天一个小程序——选择排序时的一个小问题!

一开始我的程序如下,一直出现错误,基本上肯定逻辑上没有错误,用C-free编译运行时排序根本就没用,后来改成后面的才有用! (一),有问题的程序 #include<stdio.h>//#define LEN 10void Sort(int arry[]);int Select_min(int arry[]);int main(){ int a[10],num=0; for(num=0;num<10;num++) /*输入10个数字*/ {  scanf("%d",&a

写一个函数尽可能高效的,从一个标准url里取出文件的扩展名

$url_path = 'http://www.sina.com.cn/abc/de/fg.php?id=1'; $temp = pathinfo($url_path,PATHINFO_BASENAME); $temp = explode("?", $temp); $temp1 = substr($temp[0], 2,5); echo $temp1;

编写一个函数,在页面上输出一个N行M列的表格,表格内容填充1~100的随机数字

function tab(n,m){ document.write("<table border=1>"); for(var i=1;i<=n;i++){ document.write("<tr>"); for(var j=1;j<=m;j++){ document.write("<td>"); document.write(numRandom(1,100)); document.write(&qu

封装一个函数, 查看数字在数组中是否出现过, 如果出现过就返回数字在数组中的位置,没有出现过返回-1;

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> //封装一个函数, 查看数字在数组中是否出现过, 如果出现过就返回数字在数组中的位置,没有出现过返回-1; //实例: console.log(indexOf(1, [1, 2, 3, 4, 5])) 返

封装一个函数, 求数组的和.

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> //封装一个函数, 求数组的和. //实例: console.log( sum([1, 2, 3, 4, 5]) ); 返回结果: 15; function

Thinkphp3.2.3框架下封装公共的函数,例如封装CURL函数来获取接口数据

当我们需要在控制层调用相同的封装函数时,写多次相同的函数,显得代码十分的拉杂,不精简: TP框架有一个很好的机制,可以再Common定义一个function.php函数,当我们在控制层调用的时候直接调用就可以使用,方便快捷: 具体实现方便如下: 我们可以再三个地方设置公共的函数function.php (注意:function.php默认是不存在的,需手动创建) 根目录\Application\Common\Common\function.php(公共的函数,Home和Admin都可以调用) 根

编写函数,以读模式打开一个文件,将其内容读入到一个string的vector中,将每一行作为一个对立的元素存于vector中

#include<iostream> #include<string> #include<vector> #include<fstream> using namespace std; int main(int argc,char *argv[]) { ifstream input(argv[1]); vector<string> vec; string tmp; while(getline(input,tmp)) { vec.push_back(

轻松搞定Ajax(分享下自己封装ajax函数,其实Ajax使用很简单,难是难在你得到数据后来怎样去使用这些数据)

hey,guys!今天我们一起讨论下ajax吧!此文只适合有一定ajax基础,但还是模糊状态的同志,当然高手也可以略过~~~ 一.概念 Ajax(Asynchronous Javascript + XML(异步JavaScript和XML )) 二.效果 实现无刷新效果,向后台异步的取数据(不是只有AJAX才能实现这样的效果的哦,如img , script标签中的src属性也可以实现一样的效果,可以自己尝试一下哦) 三.本质 可能我们在学习过程中会觉得ajax好难,我也是这样过来的,我觉得是我们

js 封装的函数 总结

1.一个获取ID 元素的 // 获取元素对象 function g(id){return document.getElementById(id);}//用法 以oDiv 为例var oDiv=g('oDiv'); 2.获取元素相对屏幕左边的距离 //获取元素相对屏幕左边的距离 传的参为ID function getPosition(node) { var left = node.offsetLeft; var top = node.offsetTop; var parent = node.off