createTextNode()





js/script.js
  • function funCreateTextNode() {
  •  var val = document.getElementById('d1');
  •  var elP = val.childNodes;
  •  elP[1].appendChild(document.createTextNode('<b>Hello World!</b>'));
  •  elP[3].appendChild(document.createTextNode('<b>Привет Мир!</b>'));
  •  elP[5].appendChild(document.createTextNode('<b>To be or not to be?</b>'));
  • }
  •  
  • function funInnerHTML() {
  •  var val = document.getElementById('d2');
  •  var elP = val.childNodes;
  •  elP[1].innerHTML = '<b>Hello World!</b>';
  •  elP[3].innerHTML = '<b>Привет Мир!</b>';
  •  elP[5].innerHTML = '<b>To be or not to be?</b>';
  • }
  •  
  • function funMake() {
  •  funCreateTextNode();
  •  funInnerHTML();
  • }
  • function funCreateTextNode() {
  •  var val = document.getElementById('d1');
  •  var elP = val.childNodes;
  •  elP[1].appendChild(document.createTextNode('<b>Hello World!</b>'));
  •  elP[3].appendChild(document.createTextNode('<b>Привет Мир!</b>'));
  •  elP[5].appendChild(document.createTextNode('<b>To be or not to be?</b>'));
  • }
  •  
  • function funInnerHTML() {
  •  var val = document.getElementById('d2');
  •  var elP = val.childNodes;
  •  elP[1].innerHTML = '<b>Hello World!</b>';
  •  elP[3].innerHTML = '<b>Привет Мир!</b>';
  •  elP[5].innerHTML = '<b>To be or not to be?</b>';
  • }
  •  
  • function funMake() {
  •  funCreateTextNode();
  •  funInnerHTML();
  • }


index.html
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <script src="js/script.js"></script>
  • </head>
  • <body>
  •  <div id="d1">
  •   <p></p>
  •   <p></p>
  •   <p></p>
  •  </div>
  •  <div id="d2">
  •   <p></p>
  •   <p></p>
  •   <p></p>
  •  </div>
  •  <script>
  •   funMake();
  •  </script>
  • </body>
  • </html>
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <script src="js/script.js"></script>
  • </head>
  • <body>
  •  <div id="d1">
  •   <p></p>
  •   <p></p>
  •   <p></p>
  •  </div>
  •  <div id="d2">
  •   <p></p>
  •   <p></p>
  •   <p></p>
  •  </div>
  •  <script>
  •   funMake();
  •  </script>
  • </body>
  • </html>