使用document.createElement(" LABEL&#34)

时间:2017-11-06 14:22:03

标签: javascript jquery html



<!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>
&#13;
&#13;
&#13;

我想创建&#39; lebel&#39;使用上面的代码。它不工作。请帮忙......

2 个答案:

答案 0 :(得分:3)

&#13;
&#13;
function myFunction() {
  var y = document.createElement("LABEL");
  var yv = prompt("Enter Caption value:", "");
  y.innerHTML = yv;
  document.body.appendChild(y);
}
&#13;
<p>Click the button to create an Input field.</p>

<button id="btn" onclick="myFunction()">Try it</button>
&#13;
&#13;
&#13;

使用innerHTML添加内容。

答案 1 :(得分:0)

你忘记了一个简单的事情我的朋友,把它放在创建的标签里面,如下面的片段

&#13;
&#13;
<!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>
&#13;
&#13;
&#13;