javascript对DOM的一些操作

看了姜昊的那节视频之后,把他留下的练习做了做,把代码贴上来分享一下。

javascript:

IC(function(){ function $(){ var elements =new Array(); //arguments为当前传入的参数 for(var i=0;iif(typeof element=='string'){ element=document.getElementById(element); } if(arguments.length==1){ return element; } elements.push(element); } return elements; } //注册命名空间 window['IC']={} window['IC']['$']=$; function getElementsByClassName(className,tag){ var allTags=document.getElementsByTagName(tag); var matchingElements =new Array(); className=className.replace(//-/g,"//-"); var regex=new RegExp("(^|//s)"+className+"(//s|$)"); var element; for(var i=0;iif(regex.test(element.className)){ matchingElements.push(element); } } return matchingElements; } window['IC']['getElementsByClassName']=getElementsByClassName; //IC.addEvent()该方法用来向DOM节点添加事件 function addEvent(strId){ var aNode=document.getElementById(strId); aNode.onclick=test; function test(){ alert("我是要注册的事件,成功了吗?") } } window['IC']['addEvent']=addEvent; //作业,编写一下常用函数: //IC.insertAfter()该方法用来向DOM节点后面添加节点 function insertAfter(strId){ alert("看好了,要添加了"); var aNode=document.getElementById(strId); aNode.innerHTML=""; } window['IC']['insertAfter']=insertAfter; //IC.removeChild()删除多个子节点。 function removeChild1(){ for(var i=0;iif(typeof element=='string'){ document.body.removeChild(document.getElementById(element)); } } } window['IC']['removeChild1']=removeChild1; })();

 

然后在一个html文件中对其调用即可,我只给一个小demo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<mce:script type="text/JavaScript" src="IC.js" mce_src="IC.js"></mce:script>
<mce:script type="text/javascript"><!--
	function testClick(){
		alert("要删除咯。。");
		IC.removeChild1("testId2","testd","test");
	}
	
// --></mce:script>
<body>
<input type="text" value="test" class="testme" id="testd" />
<input type="text" value="ddddddd"  class="testme" id="testId2" />
<input type="button" value="testClick" id="test" onclick="testClick();" />
<div id="aDiv">

</div>
</body>
</html>
 

你可能感兴趣的:(JavaScript,html,function,String,XHTML,Class)