document.createElement("LABEL") [重复]答案

【问题标题】：document.createElement("LABEL") [duplicate]document.createElement("LABEL") [重复]
【发布时间】：2018-04-18 17:45:37
【问题描述】：

<!DOCTYPE html>
<html>

<body>

  <p>Click the button to create an Input field.</p>

  <button id="btn" onclick="myFunction()">Try it</button>

  <script>
    function myFunction() {
      var y = document.createElement("LABEL");
      var yv = prompt("Enter Caption value:", "");
      y.setAttribute("value", yv);
      document.body.appendChild(y);

    }
  </script>

</body>

</html>

我想使用上面的代码创建“lebel”。它不工作。请帮忙...

【问题讨论】：

标签没有属性value。使用y.textContent = yv
如果您使用浏览器的调试工具并查看页面上的 HTML，您会发现您的代码确实实际上成功创建了一个<label> 元素，并带有一个value 属性，并将其添加到页面中。那个<label> 元素没有内容，所以它没有可显示的内容。

标签： javascript jquery html

【解决方案1】：

function myFunction() {
  var y = document.createElement("LABEL");
  var yv = prompt("Enter Caption value:", "");
  y.innerHTML = yv;
  document.body.appendChild(y);
}

<p>Click the button to create an Input field.</p>

<button id="btn" onclick="myFunction()">Try it</button>

使用innerHTML 添加内容。

【讨论】：

请注意，重复回答是不好的做法。你应该使用你的投票并关闭它

【解决方案2】：

你忘了一个简单的东西我的朋友，把一些东西放在创建的标签里，就像下面的 sn-p 一样

<!DOCTYPE html>
<html>

<body>

  <p>Click the button to create an Input field.</p>

  <button id="btn" onclick="myFunction()">Try it</button>

  <script>
    function myFunction() {
      var y = document.createElement("label");
      var yv = prompt("Enter Caption value:", "");
      y.setAttribute("value", yv);
      y.innerText = yv;
      document.body.appendChild(y);

    }
  </script>

</body>

</html>

【讨论】：

为什么你生成的标签标签有value属性？
好问题，我刚刚编辑了问题的sn-p，也许它用于一些与问题无关的功能？