首頁 > 開發者 > JavaScript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title><script type="text/javascript"> var tempcolor; function yz(obj) { if(obj.value == "改變") { obj.value = "提交"; //可以直接傳對象 } else { obj.value = "改變"; //可以直接傳對象 } return false; //返回為假。不提交 } function tb() { //可以直接讀取表單裡的name屬性元素。但是必須從表單開始，一級一級的找 --也可以直接用form表達來訪問表單裡的 //元素 如：form.ttt.value; form1.ttt.value=form1.txts.value; } function changeover(obj) { tempcolor = obj.style.backgroundColor; //記錄之前的元素 obj.style.backgroundColor = "#F00"; } function changeout(obj) { obj.style.backgroundColor = tempcolor; } window.onload = function() { var obj = document.getElementsByTagName("tr"); for(var i =0; i < obj.length; i++) { if(i%2==0) //下標從零開始。 所以得到效果是奇數行染色 { obj[i].style.backgroundColor="#00FF00"; } } }</script></head><body> <form name="form1" method="post" action="#"> <input type="text" name="txts" onkeyup="tb();" /> <!--傳遞本身 這個應用還可以用在動態改變表格的背景色。--> <input type="submit" value="提交" onclick="return yz(this);" /> <input type="text" name="ttt" /> </form> <!--即時改變表格背景色特效--> <table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0"> <tr height="20px" onmouseover="changeover(this);" onmouseout="changeout(this);"><td width="200px"></td><td width="200px"></td><td width="200px"></td></tr> <tr height="20px" onmouseover="changeover(this);" onmouseout="changeout(this);"><td></td><td></td><td></td></tr> <tr height="20px" onmouseover="changeover(this);" onmouseout="changeout(this);"><td></td><td></td><td></td></tr> <tr height="20px" onmouseover="changeover(this);" onmouseout="changeout(this);"><td></td><td></td><td></td></tr> <tr height="20px" onmouseover="changeover(this);" onmouseout="changeout(this);"><td></td><td></td><td></td></tr> </table></body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
