即使变量具有值，也不会将其附加到HTML元素

Question

我正在尝试在一个html标记中附加一个javascript变量，但是即使该变量具有值，它也根本不起作用。我正在通过本地存储获取变量，所以不确定是否是因为这个原因？任何帮助将不胜感激！

<div id="wrapper">
  <!-- Sidebar -->
  <div id="sidebar-wrapper">
    <ul class="sidebar-nav">
      <li class="sidebar-brand">
        <h3 id="welcome"></h3>=
        <script>
          var name = localStorage.getItem('name')
          document.getElementById("welcome").value = name;
        </script>
      </li>
      <li>
        <a href="#">Dashboard</a>
      </li>
      <li>
        <a href="#">Shortcuts</a>
      </li>
      <li>
        <a href="#">Overview</a>
      </li>
      <li>
        <a href="#">Events</a>
      </li>
      <li>
        <a href="#">About</a>
      </li>
      <li>
        <a href="#">Services</a>
      </li>
      <li>
        <a href="#">Contact</a>
      </li>
    </ul>
  </div>
</div>

Answer 1

如果确实设置了名称变量，请使用.innerHTML代替.value

Answer 2

尝试innerHTML

  

innerHTML属性设置或返回HTML内容（内部HTML）   元素。

<script>
var name = localStorage.getItem('name')
document.getElementById("welcome").innerHTML= name;
</script>