javascript取得類元素
コードテストはie 5+;
オリジナルjavascriptの中から指定種類を含む要素を選別します.
思想:指定範囲内のすべての要素を選別し、その中のすべての要素を遍歴して、それらのすべての種類を探し出し、それぞれの種類を遍歴します.指定された種類とその中のクラスが等しい場合、この要素を一つの配列に入れて、この配列に戻ります.
JavaScriptにおけるobj.split(a,b)の方法
文字列を文字列配列に分割します.
この方法には二つのパラメータがあります.
a:必要です.文字列または正規表現は、分割された場所を指定します.
b:オプションです.指定された数の配列を返します.
オリジナルjavascriptの中から指定種類を含む要素を選別します.
思想:指定範囲内のすべての要素を選別し、その中のすべての要素を遍歴して、それらのすべての種類を探し出し、それぞれの種類を遍歴します.指定された種類とその中のクラスが等しい場合、この要素を一つの配列に入れて、この配列に戻ります.
<span style="font-size:18px;"><!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function getClassName(classname,idbox){ /* , , , */
var box=document.getElementById(idbox); // ID
var cbox=box || document; // box ( ), document cbox( ) , 。
var cbox_elem=cbox.getElementsByTagName('*'); //
var ctag=new Array(); /* */
for(var i=0;i<cbox_elem.length;i++){ /* */
var cur_else=cbox_elem[i]; /* cur_else*/
var classnames=cur_else.className.split(' ');
/* classnames*/
for(var j=0;j<classnames.length;j++){ /* */
if(classnames[j]==classname){ /* */
ctag.push(cur_else); /* */
break; /* for */
}
}
}
return ctag; /* , all_li*/
}
window.onload=function(){
var all_li=getClassName("pp","y");
alert(all_li.length)
}
</script>
</head>
<body>
<!-- IE5+ -->
<ul id="y">
<li class="pp uu"></li>
<li class="pp"></li>
<li class="pp"></li>
<li ></li>
<li ></li>
</ul>
</body>
</html></span>
知識を身につけるJavaScriptにおけるobj.split(a,b)の方法
文字列を文字列配列に分割します.
この方法には二つのパラメータがあります.
a:必要です.文字列または正規表現は、分割された場所を指定します.
b:オプションです.指定された数の配列を返します.