JavaScript — изменение внутреннего HTML не работает
Я самоучка php с небольшим опытом работы с js, так что, возможно, это что-то действительно простое, но я сделал функцию js, чтобы изменить внутренний HTML-код ячейки таблицы, и добавил прослушиватель события onchange в элементе select для вызова функции. Однако ничего не происходит, когда я изменяю выбранное значение, и я понятия не имею, почему, учитывая, что это настолько просто, что должно. Пожалуйста, помогите, спасибо
тд что я хочу изменить:
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>