亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

要求根據輸入的內容與下面的li標簽內容相匹配,匹配到時li改變顏色,為什么出不來

要求根據輸入的內容與下面的li標簽內容相匹配,匹配到時li改變顏色,為什么出不來

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>學習視頻</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>
查看完整描述

1 回答

已采納
?
剛毅87

TA貢獻345條經驗 獲得超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>學習視頻</li>
			<li>夏季學習時機</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 反對 回復 2016-08-02
  • 1 回答
  • 0 關注
  • 1345 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號