createTextNode в JS не работает в Chrome

Question

createTextNode в JS не работает в Chrome

Я пытаюсь выполнить простое упражнение, в котором я хочу добавить

, генерируется JavaScript для div с идентификатором "target-area". Проблема в том, что Chrome отказывается вставлять этот абзац и выдает ошибку: Uncaught TypeError: У Object # нет метода 'createTextNode'

Вот код:

<html>
<head>
    <title>JS</title>

</head>
<body>
    <div id="target-area">
        <p id="tagline">Hello World!</p>
    </div>

</body>
<script type="text/javascript">

        // store the target area to a variable to keep things neat
        var targetArea = document.getElementById("target-area");
        // create our <p> element
        var p = document.createElement("p");
        // create a text node inside the <p>, note that we're using a variable "p" here
        var snippet = p.createTextNode("this was a generated paragraph");
        // insert our generated paragraph into the DOM
        targetArea.appendChild(snippet);

    </script>
</html>

Спасибо!

1

javascript console createtextnode

Источник

user1777688 14 май '13 в 17:42

2 ответа

Другие вопросы по тегам javascript console createtextnode

user941272 14 май '13 в 17:43 2013-05-14 17:43 · Answer 1 · 2013-05-14 17:43

документ имеет свойство createTextNode, а не элемент, который был только что создан

Так что в основном ваш код должен выглядеть следующим образом..

    // store the target area to a variable to keep things neat
    var targetArea = document.getElementById("target-area");
    // create our <p> element
    var p = document.createElement("p");
    // create a text node inside the <p>, note that we're 
    //  using a variable "p" here
   var snippet = document.createTextNode("this was a generated paragraph");
    // insert our generated paragraph into the DOM
    p.appendChild(snippet);
    targetArea.appendChild(p);

Проверьте скрипку

user7237238 01 дек '16 в 16:19 2016-12-01 16:19 · Answer 2 · 2016-12-01 16:19

Просто из любопытства.

Почему не просто?

// store the target area to a variable to keep things neat
var targetArea = document.getElementById("target-area");
// create our <p> element
var p = document.createElement("p");
// create a text node inside the <p>, note that we're 
//  using a variable "p" here
var snippet = document.createTextNode("this was a generated paragraph");
// insert our generated paragraph into the DOM
targetArea.appendChild(snippet);