为什么我不能使用JavaScript将变量更改为innerHTML变量？_Javascript_Html_Iframe

为什么我不能使用JavaScript将变量更改为innerHTML变量？

javascript html iframe

为什么我不能使用JavaScript将变量更改为innerHTML变量？,javascript,html,iframe,Javascript,Html,Iframe,我不能完成作业，因为我发现了问题。我不知道为什么为什么我不能使用JavaScript将变量更改为innerHTML变量？上面是静态html。hr是iframe后，连接到另一个页面。 <iframe src="insert5.php" name="myframe" id="myframe" width="650" height="400" scrolling="no" frameborder="0"> </iframe> 问题是所有产品的总价无法正常显示。

我不能完成作业，因为我发现了问题。我不知道为什么

为什么我不能使用JavaScript将变量更改为innerHTML变量？

上面是静态html。hr是iframe后，连接到另一个页面。

<iframe src="insert5.php" name="myframe" id="myframe" width="650" height="400" scrolling="no" frameborder="0"> 
</iframe>

问题是所有产品的总价无法正常显示。
我希望总数正常显示为“495”
这是我预期的结果。


newzum=0；
对于（var j=0；j您的“总计”值的id为zum
，但您正在将总计分配给znum
。将其更改为zum.innerHTML=newzum；
看看这是否能让你更接近。
这些图形都没有一点用处。你的第二个for
循环毫无意义。你如何在i
的最终测试中使用i
？它应该是document.getElementById（“total[“+j+”]）？请显示您的HTML。制作sqlfiddle将非常有帮助。@Barmar这一点以及for循环始终警告相同的值的事实。@KevinB抱歉，我犯了一个错误，但我更改为znum.innerHTML，结果为0。为什么？抱歉，我犯了一个错误，我更改了znum.innerHTML，结果无法更改为正确的总价。
<script>
newzum =0;
for(var j=0;j <=document.getElementsByName("del").length+1;j++)  
{  
for (var i=0;i<=document.getElementById("total["+i+"]").innerHTML.length;i++){
newzum += parseFloat(document.getElementById("total["+i+"]").innerHTML);
}
}
znum.innerHTML = newzum;
</script>
</tr> 
<tr class="tit3"> <td>Total </td> <td colspan=3> </td> <td colspan=2 align='right'> <b id="znum">0</b> </td> <td colspan=1> </td> </tr>
</table>

<script>
function Check(){
for (var i=0;i<=document.getElementById("total["+i+"]").innerHTML.length;i++){
window.alert(newzum);
}
}
</script>
<input type="button" value="Check" onClick="Check();"/>

    <!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>
<title>DDD</title>
<style>
#tlist tr:last-child td {
    background-color:#CCCCCC;
}
table{
    table-layout: fixed;
}
th, td {
    overflow: hidden;
}
#container
{ 
margin-left:auto; 
margin-right:auto; 
width:600px;
}
</style>
</head>
<body>

<?php
/*
$name = $_POST['selRow'];
$qty = $_POST['txtRow'];

foreach( $qty as $v ) {
print $v."<br>";
}

foreach( $name as $v ) {
print $v."<br>";
}
*/
?>
<script>
function delrecord(obj)  
{  
  obj.parentNode.parentNode.parentNode.removeChild(obj.parentNode.parentNode);  
  var delbutton=document.getElementsByName("del");  
  var newzum=0;  
  for(var j=1;j <document.getElementsByName("del").length+1;j++)  
  {  
  newzum+=parseFloat(document.getElementById('total'+j).innerHTML);    
  }  
  znum.innerHTML =newzum; 
}  
function caltotal(e){
var fqty=document.getElementById('qty' +iteration);  
var fprice=document.getElementById('price' + iteration);  
var ftotal=document.getElementById('total'+ iteration);
var delbutton=document.getElementsByName("del");  
ftotal.innerHTML= fqty.innerHTML * fprice.innerHTML;

newzum =0;
for(var j=1;j <=document.getElementsByName("del").length;j++)  
{  
newzum += parseFloat(document.getElementById('total'+j).innerHTML);
}
znum.innerHTML = newzum;
}
</script>

<div class="container">
<table width="450" border="0" cellspacing="1" cellpadding="0" class="tb" id="tlist">  
    <tr class="tit2">
    <td>QTY </td>
    <td>TILE </td>
    <td>HEIGHT </td>
    <td>WIDTH </td>
    <td>PRICE </td>
    <td>TOTAL </td>
    <td>Action </td>  
    </tr> 
    <tr class="tit3"> 
<?php
if(isset($_POST["submit"])){ 
$t=count($_POST['selRow']); 
$w=count($_POST['txtRow']);
for($i=0;$i<$t;$i++)
{
$qty[$i]= $_POST['txtRow'][$i];
$tile[$i]= $_POST['selRow'][$i];
$height = $_POST['height'];
$width = $_POST['width'];

echo "<tr class='tit3'><td>";
echo "".$qty[$i]."<br>";
echo "</td>";
echo "<td>";
echo "".$tile[$i]."<br>";
echo "</td>";
echo "<td>";
echo "".$height."<br>";
echo "</td>";
echo "<td>";
echo "".$width."<br>";
echo "</td>";
echo "<td>";
    mysql_connect("localhost", "root", "root") or
    die("Could not connect: " . mysql_error());
    mysql_select_db("partition");
    //foreach($_POST['selRow'] as $tile){

    $query = "SELECT `Price` FROM `actualpanelmaterialsize` WHERE `Material ID` IN (SELECT `Material_ID` FROM `material` WHERE `Tile` = '".$tile[$i]."') AND  `Width_Height ID` IN (SELECT `Width_Height ID` FROM `width_height` WHERE `Width` =".$_POST['width']." AND `Height` =".$_POST['height'].");";
    $result = mysql_query($query);
    $row = mysql_fetch_row($result);
    mysql_data_seek($result,0);
    while ($row=mysql_fetch_row($result))
        {
    $price = $row[0];
    echo $price."<br>";
        }
    //}
echo "</td>";
echo "<td id='total[$i]'>";
echo $total[$i]=$price*$qty[$i];
echo "</td>";
echo "<td>";
echo "<input type='button' value='Delete' name='del' onclick='delrecord(this);'>";
echo "</td>";
echo "</tr>";
}
} 
?> 
<script>

newzum =0;
for(var j=0;j <=document.getElementsByName("del").length+1;j++)  
{  
for (var i=0;i<=document.getElementById("total["+i+"]").innerHTML.length;i++){
newzum += parseFloat(document.getElementById("total["+i+"]").innerHTML);
}
}
znum.innerHTML = newzum;

</script>
</tr> 
<tr class="tit3"> <td>Total </td> <td colspan=3> </td> <td colspan=2 align='right'> <b id="znum">0</b> </td> <td colspan=1> </td> </tr>
</table>

<script>
/*
for (var i=0;i<=document.getElementById("total["+i+"]").innerHTML.length;i++){
window.alert(document.getElementById("total["+i+"]").innerHTML);
}
*/
function Check(){
for (var i=0;i<=document.getElementById("total["+i+"]").innerHTML.length;i++){
window.alert(newzum);
}
}
</script>
<input type="button" value="Check" onClick="Check();"/>
<input type="button" value="Calculate" onClick="Calculate();"/>
</div>
</body>
</html>