我的 JavaScript 只能在 Safari 和 Dreamweaver 中使用

Question

我正在为使用 Adobe Dreamweaver 的练习编写 JavaScript 代码。

代码在 Dreamweaver "live" 显示和 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>

现在，问题可能是什么？

Answer 1

在 JavaScript 中（至少在我的 chrome 控制台中）.rows(1) 将不起作用。

Uncaught TypeError: object is not a function

您需要使用方括号来获取您的行和单元格，

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

我的 JavaScript 只能在 Safari 和 Dreamweaver 中使用

My JavaScript is only working in Safari and Dreamweaver

html

javascript

safari

html-table

dreamweaver