请问如何在一td内容变化时候更新另一个td内容
如题，请问如何在一td内容变化时候更新另一个td内容，例如 <tr><td id=a>111</td></tr> <tr><td id=b>222</td></tr>
当 td id=a 的变了222后 td id=b的自动变为 333 或其他指定的
[解决办法]
- HTML code
<!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>hasAttribute BUG in all browser?</title> </head> <body> <table> <tr><td id="a">111</td></tr> <tr><td id="b">222</td></tr> </table> <input id="aa" type="button" value="改变aTD" /> <script type="text/javascript" language="javascript"> document.getElementById('aa').onclick = function(){ document.getElementById('a').innerHTML = '1222'; if(document.getElementById('a').innerHTML != '111'){ document.getElementById('b').innerHTML = 'TD发生了改变'; } }; </script> </body></html>
[解决办法]
- HTML code
<table><tr><td id="first">111</td></tr><tr><td>222</td></tr><tr><td>333</td></tr><tr><td>444</td></tr><tr><td>555</td></tr></table><input type=button value="增加" onclick=func() /><script type="text/javascript">function func(){ var first = document.getElementById("first"); first.innerHTML = parseInt(first.innerHTML)+111; var next = first.parentNode.nextSibling; while(next != null) { if(next.tagName =="TR") { var td = next.getElementsByTagName("td")[0]; td.innerHTML = parseInt(td.innerHTML)+111; } next = next.nextSibling }}</script>