javascript初学总结_7_封装

阳光穿透心脏的1/2处 2022-07-15 07:22 131阅读 0赞

<!DOCTYPE>
    <html>
    <head>
    <meta charset='utf-8'>
    <title>隐藏</title>
    <script type=text/javascript>
    //封装
    function getByClass(oParent,sClass)
    {
    	var aEle=oParent.getElementsByTagName('*');
    	var aResult=[];
    	for(var i=0;i<aEle.length;i++)
    	{
    		if(aEle[i].className==sClass)
    		{
    			aResult.push(aEle[i]);
    		}
    	}
    	return aResult;
    }
    
    window.οnlοad=function()
    {
    	var oUl=document.getElementById('ul1');
    	var aA=document.getElementsByTagName('a');
    	for(var i=0;i<aA.length;i++)
    	{
    		aA[i].οnclick=function()
    		{
    			this.parentNode.style.display='none';
    		}
    	}
    	var aList=getByClass(oUl,'list');
    	for(var i=0;i<aList.length;i++)
    	{
    		aList[i].style.background='blue';
    	}
    }
    </script>
    </head>
    
    <body>
    <ul id="ul1">
    	<li>a<a href="javascript:;">隐藏</a></li>
    	<li class="list">b<a href="javascript:;">隐藏</a></li>
    	<li>c<a href="javascript:;">隐藏</a></li>
    	<li class="list">d<a href="javascript:;">隐藏</a></li>
    	<li>a<a href="javascript:;">隐藏</a></li>
    	<li class="list">b<a href="javascript:;">隐藏</a></li>
    	<li class="list">c<a href="javascript:;">隐藏</a></li>
    	<li>d<a href="javascript:;">隐藏</a></li>
    </ul>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，131人围观）

还没有评论，来说两句吧...

相关阅读

相关初学java封装

封装初识java封装封装的用处： > 1.提高程序的安全性，保护数据 > 2.隐藏代码的实现细节 > 3.统一接口 > 4.增加系统可维护性这

墨蓝/ 2022年11月14日 10:29/ 0 赞/ 95 阅读

相关 javascript初学总结_2

1.longdesc属性：使用 longdesc 属性，指向一个包含图像描述信息的页面： <img src="eg_logo_w3school.gif"

「爱情、让人受尽委屈。」/ 2022年07月15日 15:57/ 0 赞/ 159 阅读

相关 javascript初学总结_1

1.cursor(光标)属性该属性定义了鼠标指针放在一个元素边界范围内时所用光标的形状，如：cursor:pointer("一只手") 2.overflow属性该属性

柔光的暖阳◎/ 2022年07月15日 14:55/ 0 赞/ 146 阅读

相关 javascript初学总结_3

1.Document.creatDocumentFragment() 定义：创建一个新的空白文档片段DocumentFragment (ps:DocumentFra

冷不防/ 2022年07月15日 13:09/ 0 赞/ 130 阅读

相关 javascript初学总结_7_封装

<!DOCTYPE> <html> <head> <meta charset='utf-8'> <title>隐藏</title>

阳光穿透心脏的1/2处/ 2022年07月15日 07:22/ 0 赞/ 132 阅读

相关 javascript初学总结_6

<!DOCTYPE> <html> <head> <title>添加节点</title> <script type=text/javas

不念不忘少年蓝@/ 2022年07月15日 06:39/ 0 赞/ 134 阅读

相关 javascript初学总结_5

<!DOCTYPE HTML> <html> <head> <title>css函数</title> <style type="text

曾经终败给现在/ 2022年07月15日 06:16/ 0 赞/ 137 阅读

相关 javascript初学总结_4

1.placeholder 定义和用法： placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦

绝地灬酷狼/ 2022年07月15日 00:28/ 0 赞/ 156 阅读

相关 Python初学7-函数

1、普通函数：def function\_name（param1 , param2）: def add(a,b): return a+b

女爷i/ 2022年05月22日 00:06/ 0 赞/ 170 阅读

相关 netty初学总结

netty初学笔记阻塞与非阻塞同步与异步 BIO、NIO与AIO Springboot整合netty pom依赖目

短命女/ 2022年03月18日 15:20/ 0 赞/ 217 阅读