グローバルからclassクラス名でラベルを取得
8361 ワード
doctype html>
<html>
<head>
<meta charset="utf-8">
<title> title>
<meta name="keywords" content="">
<meta name="description" content="">
<style>
*{margin:0; padding:0; list-style:none;}
.bgred{
background: red;
}
.blue{
color: blue;
}
style>
head>
<body>
<ul>
<li class="bgred">111li>
<li class="bgred blue">222li>
<li class="bgred">333li>
<li class="bgred">111li>
<li class="bgred blue">222li>
<li class="bgred">333li>
ul>
<script>
function byClass1(oClass){//
var tags=document.all?document.all:document.getElementsByTagName('*');
var arr=[];
for (var i = 0; i < tags.length; i++) {
var classNa=tags[i].className;
var num=classNa.indexOf(oClass,0);
if (num!=-1) {
arr.push(tags[i]);
};
};
return arr;
}
var liRed=byClass1('bgred');
alert(liRed.length);//6
script>
body>
html>ラベル名とID名で操作したいラベルを簡単に入手できますが、クラス名で取得することで、上記のコードがグローバルからクラス名でラベルを取得して操作できることを考えたことがありますか?