JavaScript Tutorial/DOM Node/Append

Материал из Web эксперт
Перейти к: навигация, поиск

Append an element to body

<html>
<head>
<title>appendChild() Example</title>
<script type="text/javascript">
   function appendMessage() {
      var oNewP = document.createElement("p");
      var oText = document.createTextNode("www.wbex.ru");
      oNewP.appendChild(oText);
      document.body.appendChild(oNewP);
   }
</script>
</head>
<body onload="appendMessage()">
<P>Hello World!</p>
</body>
</html>


Append TextNode to an Element

<html>
<head>
<title>appendChild() Example</title>
<script type="text/javascript">
   function appendMessage() {
      var oNewP = document.createElement("p");
      var oText = document.createTextNode("www.wbex.ru");
      oNewP.appendChild(oText);
      document.body.appendChild(oNewP);
   }
</script>
</head>
<body onload="appendMessage()">
<P>Hello World!</p>
</body>
</html>