Question

我正在尝试在侧边导航栏中设置动态文本。当我单击按钮打开我的JS openNav（）时，出现侧面板，但是我无法（动态地）更改其中的文本。

希望我今晚第一次和JS在一起使自己很清楚；）

<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<p id="dateres">t</p>
</div>

<script>
function openNav() {
  document.getElementById("mySidenav").style.width = "400px";
  document.getElementById("dateres").InnerHTML = "test";
}

function closeNav() {
  document.getElementById("mySidenav").style.width = "0";
}

</script>

我希望“ Dateres” HTML元素为“ Test”，而不像我一样。

Answer 1

您是否尝试过使用innerHTML（不是InnerHTML）？

假设您缺少一些代码，此示例可能会有所帮助：

function openNav() {
  document.getElementById("mySidenav").style.width = "400px";
  document.getElementById("dateres").innerHTML = "test";
}

function closeNav() {
  document.getElementById("mySidenav").style.width = "0";
}

.sidenav {
  overflow: hidden;
}

  <a href="javascript:void(0)" class="openbtn" onclick="openNav()">open</a>
<div id="mySidenav" class="sidenav">
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  <p id="dateres">t</p>
</div>

为什么我不能通过JS函数更改内部HTML？

1 个答案: