<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<input type="text" id="txt">
<input type="button" value="搜索" onClick="aa()">
<ul>
<li>图片</li>
<li>文本</li>
<li>文字排版</li>
<li>文本框</li>
<li>音乐</li>
<li>山丘图片</li>
<li>音乐家</li>
<li>电影</li>
<li>最新电影</li>
<li>学习视频</li>
<li>夏季学习时机</li>
<li>最新资讯</li>
</ul>
<script>
function aa(){
var txt=document.getElementById("txt").value;
// alert(txt);
var text=document.getElementsByTagName("li");
/**/ var b=new Array()
for(i=0;i<text.length;i++)
b[i]=text[i].innerHTML;
//alert(b);
var tex=b.toString();
// document.write("tex="+tex);
//var pattern=(txt/g);
//alert(pattern);
for(i=0;i<tex.length;i++)
var m=tex.search(txt);;
b[i].innerHTML=text[i];
alert(m);
if(m==i){
tex[i].style.backgroundColor="blue";}
}
</script>
</body>
</html>
刚毅87
相关分类