Question

我是自学PHP的小js经验所以它可能是非常简单的东西，但我已经做了一个js函数来改变表格单元格的内部html并在select元素上添加一个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>

Answer 1

正确的使用方法是.innerHtml（）而不是.innerhtml（）

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

Answer 2

实际上它是 innerHTML

<div id="A"></div>

document.getElementById("A").innerHTML = 'text'

JS改变内部html无法正常工作

2 个答案: