通過JavaScript動態創建和打印h1標籤

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); 
} 

活生生的例子：

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);

探索更多：

• DOM3 Core
• DOM HTML
• MDN
• HTML5規範（這大約是很多比HTML更多）