Question

我在网页中有一个链接到Javascript函数的按钮，它创建了一个div，如下所示：

function creatediv(){
        var div = document.createElement('div');
        div.innerHTML = document.getElementById('innerhtmlbox').value;

        document.body.appendChild(div);
}

但是，它不起作用。任何人都可以给我任何建议吗？

Answer 1

试试这个：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div id="create">
    <button onClick="createDiv()">Click me!</button>
  </div>
  <div id="getText" style="display: none;">
    INNERHTML
  </div>
</body>
<script>
  function createDiv() {
    var div = document.createElement('div');
    div.innerHTML = document.getElementById('getText').innerHTML;
    document.body.appendChild(div);
  }
</script>
</html>

Answer 2

您需要使用innerText

function creatediv() {
    var div = document.createElement('div');
    div.innerHTML = document.getElementById('innerhtml').textContent;
    document.body.appendChild(div);
}
creatediv();

http://jsfiddle.net/e8jn9pj5/3/

或者，如果您使用按钮的值填充它，则可以使用adeneo http://jsfiddle.net/t4c5yq24/建议的.value

点击按钮创建div，Javascript无法正常工作？

2 个答案: