首頁猿問要求根據(jù)輸入的內(nèi)容與下面的li標簽...

要求根據(jù)輸入的內(nèi)容與下面的li標簽內(nèi)容相匹配，匹配到時li改變顏色，為什么出不來

JavaScript

Echo_Chien 2016-08-02 18:45:09

<!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>學(xué)習視頻</li><li>夏季學(xué)習時機</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>

查看完整描述

1 回答

已采納

剛毅87

TA貢獻345條經(jīng)驗獲得超309個贊

我寫了個段代碼,你參考一下

<!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>學(xué)習視頻</li>
			<li>夏季學(xué)習時機</li>
			<li>最新資訊</li>
		</ul>
		<script>
			function?aa()?{
				var?txt?=?document.getElementById("txt").value;
				var?texts?=?document.getElementsByTagName("li");
				for?(var?i?=?0;i?<?texts.length;i++)?{
					texts[i].style.background?=?"white";
					if?(texts[i].innerHTML?==?txt)?{
						texts[i].style.background?=?"blue";?
					}
				}
			}
		</script>
	</body>

</html>

望采納!

2 反對回復(fù) 2016-08-02