JavaScript可以在Chrome中工作，但不能在ie9中工作

我面临一个JavaScript的问题。我发现它在chrome中运行良好，但在IE9中却不行。这不会像预期的那样显示chrome在网页上显示的内容。 我是JavaScripting新手，我可以在解决此问题时获得帮助

<script type="text/javascript">

                var tds = document.getElementById('course_table')
                        .getElementsByTagName('td');
                var sum = 0;
                for (var i = 0; i < tds.length; i++) {
                    if (tds[i].className == 'count-me') {
                        sum += isNaN(tds[i].innerHTML) ? 0
                                : parseInt(tds[i].innerHTML);
                    }

                }
                var lastrecord = tds[tds.length - 2].innerHTML;

                var table = document.getElementById('course_table')
                        .getElementsByTagName('tr');
                var max = table.length - 2;
                document.getElementById('course_table').innerHTML += '<tr bgcolor=#FFCCFF><td></td><td>Total Courses</td><td>' + max + '</td><td>Total Credits Remaining</td><td>'+ sum + '</td><td> Expected Graduation Date</td><td></td><td>' + lastrecord + '</td><td></td></tr> ';
            </script>

var tds=document.getElementById（'课程\表格'）
.getElementsByTagName（'td'）；
var总和=0；
对于（变量i=0；i

谢谢

---

NivedithaInternet Explorer不喜欢以这种方式将

元素添加到

中。您可以做的是将一个新的

元素附加到表中：

// ... the first part of your function ...

var lastrecord = tds[tds.length - 2].innerHTML;

var table = document.getElementById('course_table');

var newbody = document.createElement('tbody');

newbody.innerHTML = '<tr bgcolor=#FFCCFF><td></td><td>Total Courses</td><td>' + max + '</td><td>Total Credits Remaining</td><td>'+ sum + '</td><td> Expected Graduation Date</td><td></td><td>' + lastrecord + '</td><td></td></tr> ';

table.appendChild(newbody);

/。。。函数的第一部分。。。
var lastrecord=tds[tds.length-2].innerHTML；
var table=document.getElementById（'course_table'）；
var newbody=document.createElement（'tbody'）；
newbody.innerHTML='总课程数'+最高学分数+'总剩余学分数'+总和+'预期毕业日期'+最后记录+''；
表2.儿童（新生儿）；

问题最有可能出现在最后一行：

document.getElementById('course_table').innerHTML += '<tr bgcolor=#FFCCFF><td></td><td>fsffd</td><td>' + max + '</td><td>abcdRemaining</td><td>'+ sum + '</td><td> abc</td><td></td><td>' + lastrecord + '</td><td></td></tr> ';

---

这里的重要方法是，它们保证有效

textContent

比

innerHTML

更快更安全。请使用CSS，而不是不推荐使用的

bgcolor

属性

，这是什么意思？控制台中有错误吗？…为什么脚本标签上有样式属性？您的JS无效。首先替换

没有
语言

属性，虽然它不会破坏您的代码，但也没有任何帮助@Johnathan，

type

是

元素的一个有效属性。我尝试过使用type属性，也尝试过包含type属性，但它在ie9上仍然不起作用。它不会显示chrome所显示的内容。我尝试过替换我提供的内容，即document.getElementById（'course\u table'））.innerHTML+=“总课程数”+max+“总剩余学分数”+sum+“预期毕业日期”+lastrecord+”。这仍然没有产生任何效果。请告诉我是否将其放置在错误的位置。请告诉我如何使用它。我按照上面所述进行了尝试，但它不起作用。您不能在IE中使用

。innerHTML+=…

。它不起作用。我上面的代码应该放在代码的末尾。我将为答案添加更多的上下文。

var table = document.getElementById('course_table');
var row = table.insertRow(-1);
row.style.backgroundColor = '#FFCCFF'; // `bgcolor` attribute is deprecated

row.insertCell(-1); // <td></td>
row.insertCell(-1).textContent = "fsffd"; // <td>fsffd</td>
row.insertCell(-1).textContent = max; // <td>' + max + '</td>
row.insertCell(-1).textContent = "abcdRemaining"; // <td>abcdRemaining</td>
row.insertCell(-1).textContent = sum; // <td>' + sum + '</td>
row.insertCell(-1).textContent = "abc"; // <td> abc</td>
row.insertCell(-1); // <td></td>
row.insertCell(-1).textContent = lastRecord; // <td>' + lastRecord + '</td>
row.insertCell(-1); // <td></td>