即使变量具有值[重复]，Javascript变量也不会附加到HTML元素答案

【问题标题】：Javascript variable not being appended to HTML element even though the variable has a value [duplicate]即使变量具有值[重复]，Javascript变量也不会附加到HTML元素
【发布时间】：2019-05-08 02:55:00
【问题描述】：

我试图在我的一个 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>

【问题讨论】：

你打开一个P标签，你关闭一个h3标签，这看起来像是一个错字
抱歉，应该是h3标签
这个值是如何存储在 localStorage 中的？
在这里您可以找到如何查看或编辑本地存储的信息：stackoverflow.com/questions/9404813/…
所以使用.textContent = name 或.innerHTML = name...而不是.value = name。 value 仅用于输入类似元素

标签： javascript html

【解决方案1】：

如果确实设置了名称变量，请使用.innerHTML 而不是.value

【讨论】：

成功了，感谢您的快速解决方案！
没问题

【解决方案2】：

试试innerHTML

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

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

【讨论】：

请补充一点解释。不鼓励只删除代码。