请大神帮忙看看createTextNote为什么没有反应

我想创建一个标题为神奇的特效的标题,并把他作为body元素的第一个子元素,然后对他进行样式设定............问题是没有反应

 <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <script src="text.js"></script>
    </head>
    <body>
    <script>
    var h1=document.createElement("h1");
    var htext=document.createTextNote("神奇的特效");
    h1.appendChild(htext);
    document.body.appendChild(h1);
    h1.setAttribute("style","textAlign:'center';color:'red';");
    </script>
    </body>
    </html>

node,不是note

 //var htext=document.createTextNote("神奇的特效");
//============>
var htext = document.createTextNode("神奇的特效");