对 Javascript 的 div 调用在样式表后停止工作

Posted 2023-03-05

【中文标题】对 Javascript 的 div 调用在样式表后停止工作

【英文标题】：div call to Javascript stops working after styling table

【发布时间】：2013-05-09 01:52:08

【问题描述】：

我有一个使用 div 调用 php 文件的 javascript。这通常工作正常。我正在通过向我的表格添加样式来处理我的网页的外观，这似乎破坏了 div。

这是我的 Javascript：

<script type="text/javascript">
function getNextcheck(str)

if (str=="")
  
  document.getElementById("checkno").innerhtml="";
return;
  
if (window.XMLHttpRequest)
  // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  
else
  // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  
xmlhttp.onreadystatechange=function()
  
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    
    document.getElementById("checkno").innerHTML=xmlhttp.responseText;
    
  
xmlhttp.open("GET","getnextcheck.php?id="+str,true);
xmlhttp.send();

window.onload = function() 
document.getElementsByName('ID')[0].onchange();

</script>

这是网站的html：

<form id="payBills" method="POST" action="">
<br /><table style="border-collapse:collapse; ">
<tr><th style="padding-left:4px; border:1px solid #dddddd; background-color:#efefef; color:black;" >Select</th><th style="padding-left:4px; border:1px solid #dddddd; background-color:#efefef; color:black;" >Bank</th><th style="padding-left:4px; border:1px solid #dddddd; background-color:#efefef; color:black;" >Account Number</th><th style="padding-left:4px; border:1px solid #dddddd; background-color:#efefef; color:black;" >Current Balance</th></tr>

<?php

$i=0;
while($row2 = mysql_fetch_array($result2)) 
$id = $row2['ID'];
$checked = $i?'':'checked';

echo "<tr><td style=\"padding-left:16px; border:1px solid #dddddd;\"><input type=\"radio\" name=\"ID\" value=\"".$row2['ID']."\" $checked></td><td style=\"padding-left:4px; border:1px solid #dddddd;\">".$row2['name']."</td><td style=\"padding-left:4px; border:1px solid #dddddd;\">".$row2['acctnum']."</td>";
$i=1;

$result7 = mysql_query("SELECT SUM(deposit), SUM(withdrawal) FROM bankaccount_transaction WHERE bankaccount_id = '$id'") or die(mysql_error());
$row7 = mysql_fetch_array($result7);
$deposit = $row7['SUM(deposit)'];
$withdrawal = $row7['SUM(withdrawal)'];

$total = $deposit - $withdrawal;
$newtotal = number_format($total,2);

echo "<td style=\"padding-left:4px; border:1px solid #dddddd;\">$".$newtotal."</td></tr>";


?>

</table>
<br />
<div id="checkno"></div>
<br /><br />
<input type="submit" name="submit" value="Pay" />
</form>

为了它，我尝试用 span 代替 div 但这也没有用。

【问题讨论】：

祝这堵代码墙好运！

破了什么div？查看生成的源代码，看看有什么问题。

尽量删除代码，汤姆：越短，越多人愿意阅读。

对不起，我只是想你会想看代码。我展示了 javascript、有效的旧代码和无效的新代码。简而言之，我用 调用 javascript 当我向表中添加样式时它停止工作。

去掉了旧的 html 表，现在只显示新的 html 表。谢谢。

【参考方案1】：

我不明白这个标签：

$checked

为什么不改用这个：

... ".$checked." ...