Как разместить TextNode в div вместо тела

как разместить TextNode в div вместо тела, спасибо заранее! Извините, если я так неопытен.Как разместить TextNode в div вместо тела

<!DOCTYPE html> 
<html> 
    <body> 

    <p>Click the button to create a h1 element with some text.</p> 

    <button onclick="myFunction()">Try it</button> 

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

    </body> 
</html>

источник

2015-09-30 Bernie

не видит 'div' здесь, во всяком случае, используйте' var someEle = document.getElementbyId (идентификатор DIV); someEle.appendChild (h); 'должен работать. См. [Document.getElementsByTagName] (https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByTagName), [Document.querySelector] (https://developer.mozilla.org/en- US/docs/Web/API/Document/querySelector) или [Document.getElementById] (https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById) проверяют возврат этих функций и выберите тот, который соответствует большинству. – fuyushimoya

Вы также можете создать div вместо h1 и добавить этот div в тело или любой другой элемент. В коде нет ничего плохого. – Shilly

Один из способов сделать это было бы добавить дела до органа, а затем искать его с помощью getElementById

<body> 

<div id="myButtonContainer"> 
    <p>Click the button to create a h1 element with some text.</p> 
    <button onclick="myFunction()">Try it</button> 
</div> 

<div id="myDiv"></div> 

<script> 
    function myFunction() { 
     var myButtonContainer = document.getElementById("myButtonContainer"); 
     myButtonContainer.style.display='none'; 

     var h = document.createElement("H1"); 
     var t = document.createTextNode("Hello"); 
     h.appendChild(t); 

     var myDiv = document.getElementById("myDiv"); 
     myDiv.appendChild(h); 
    } 
</script> 

</body>

Вы можете проверить пример здесь: http://jsfiddle.net/jmgwya58/1/

источник

2015-09-30 14:09:44

Спасибо, теперь как бы у вас было это в новом htlm-файле? (чтобы получить результат и распечатать его без печати кнопки?) – Bernie

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

Как разместить TextNode в div вместо тела

ответ

Смежные вопросы