簡體   English   中英

我的JavaScript僅在Safari和Dreamweaver中可用

[英]My JavaScript is only working in Safari and Dreamweaver

我正在使用Adobe Dreamweaver編寫用於練習的JavaScript代碼。

該代碼可在Dreamweaver的“實時”顯示以及Safari中運行,但在我測試過的所有其他瀏覽器(Chrome,Firefox,IE)中均無效:

JavaScript的

function car1(){
  var table = document.getElementById("carstable");
  table.rows(1).cells(0).innerHTML="20";
  table.rows(1).cells(1).innerHTML="19";
}

function car2(){
  var table = document.getElementById("carstable");
  table.rows(1).cells(0).innerHTML="25";
  table.rows(1).cells(1).innerHTML="24";
}

function calculate(){
  var table = document.getElementById("carstable"); 
  var days = document.getElementById("nbOfCars");
  days = days.value;
  days = parseInt(days);


  var total = document.getElementById("total");

  var TOTAL = 0;

  if(days > 2 && days < 8){
    TOTAL += table.rows(1).cells(0).innerHTML * days;
  } else {
    TOTAL += table.rows(1).cells(1).innerHTML * days;
  }

  total.value = TOTAL + "$";
}

HTML

<body>

How many days &nbsp <input type="text" id="nbOfCars" /> 
</br>
car 1 &nbsp <input type="radio" name="car" value="1" onchange="car1()" />
car 2 &nbsp <input type="radio" name="car"  value="2" onchange="car2()" />
</br>
Total payment <input type="text" id="total" readonly="readonly" />

<input type="button" value="Calculate" onClick="calculate()" />
</br>

<table border="1" id="carstable" >
    <tr> <th> 2-7</th><th>8+</th></tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>


</body>

</html>

現在,可能是什么問題?

在JavaScript中(至少在我的Chrome控制台中) .rows(1)無法正常工作。

未捕獲的TypeError:對象不是函數

您需要使用方括號來獲取行和單元格,

table.rows[1].cells[0].innerHTML = "20";

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM