Question

我需要能够在JavaScript中创建一个函数，我需要做的就是键入h1（“hello”）并打印你好。

我想避免这种方法：

function h1(text) {
    document.write('<h1>'+text+'</h1>');
}

这就是我所拥有的：

function h1(text) {
    var div = document.createElement('div');
    document.appendChild(div);
    var h1 = document.createElement('h1');
    div.appendChild(h1);
    h1.createTextNode(text);
}

Answer 1

<script>
function myFunction(text) {
    var h = document.createElement("H1");
    var t = document.createTextNode(text);
    h.appendChild(t);
    document.body.appendChild(h);
}
</script>

Answer 2

您不需要div，并且需要附加到document.body，而不是document。此外，元素没有createTextNode，这是document上的方法：

function h1(text) {
    var h1 = document.createElement('h1');
    h1.appendChild(document.createTextNode(text));
    document.body.appendChild(h1);
}

实例：

＆＃13;

function h1(text) {
    var h1 = document.createElement('h1');
    h1.appendChild(document.createTextNode(text));
    document.body.appendChild(h1);
}
var counter = 0;
var timer = setInterval(function() {
  ++counter;
  h1("Hi #" + counter);
  if (counter == 5) {
    clearInterval(timer);
  }
}, 500);

＆＃13;

更多探索：

DOM3 Core
DOM HTML
MDN
HTML5规范（比HTML更多）

通过JavaScript动态创建和打印h1标签

2 个答案: