JS改变内部html表格单元格 - JS to change inner html table cell

JS to change inner html table cell

我自学PHP，几乎没有js经验，所以它可能是一些非常简单的东西，但我做了一个js函数来改变表单元格的内部html，并在选择元素上添加了一个onchange事件监听器来调用该函数。然而，当我改变所选值时，什么也没有发生，我不知道为什么，考虑到它是如此简单，它应该。请帮助。

我想修改的内容:

        echo '<tr><td id="pastEvents">';
        for($i=0;$i<=3;$i++){
            echo '<table class="invisible"><tr><td><img src="/'.$pastEvents[$i]['banner'].'" alt="Event Banner"></td></tr><tr><td>'.$pastEvents[$i]['name'].'</td></tr></table>';
        }
        echo '</td></tr>';

事件监听器:

echo '<tr><td><table class="invisible"><tr><td>Number Shown: <select name="select" onchange="changePast()"><option value="3">3</option><option value="10">10</option><option value="20">20</option><option value="all">All</option></select></td></tr></table></td></tr>';

脚本:

<script>
    function changePast(){
        var shown = document.getElementsByName("select");
        document.getElementById("pastEvents").innerhtml = "test";
    }
</script>

实际上是innerHTML

<div id="A"></div>
document.getElementById("A").innerHTML = 'text'

正确的使用方法是。innerhtml()而不是。innerhtml()

<script>
    function changePast(){
        var shown = document.getElementsByName("select");
        document.getElementById("pastEvents").innerHtml = "test";
    }
</script>