childNodes





js/script.js
  • function funMake() {
  •  for(var i=0, j=0; i<document.getElementById('d1').childNodes.length; i++, j++) {
  •   document.write(document.getElementById('d1').childNodes[i].nodeName + ' : ');
  •   document.write(document.getElementById('d1').childNodes[j].innerHTML + '<br />');
  •  }
  •  
  •  document.write('<br /><br />');
  •  
  •  for(var i=0, j=0; i<document.getElementById('d1').childNodes.length; i++, j++) {
  •   if(i%2 != 0) {
  •    document.write(document.getElementById('d1').childNodes[j].innerHTML + '<br />');
  •   }
  •  }
  • }
  • function funMake() {
  •  for(var i=0, j=0; i<document.getElementById('d1').childNodes.length; i++, j++) {
  •   document.write(document.getElementById('d1').childNodes[i].nodeName + ' : ');
  •   document.write(document.getElementById('d1').childNodes[j].innerHTML + '<br />');
  •  }
  •  
  •  document.write('<br /><br />');
  •  
  •  for(var i=0, j=0; i<document.getElementById('d1').childNodes.length; i++, j++) {
  •   if(i%2 != 0) {
  •    document.write(document.getElementById('d1').childNodes[j].innerHTML + '<br />');
  •   }
  •  }
  • }


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>Hello World!</p>
  •   <p>Привет Мир!</p>
  •   <p>To be or not to be?</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>Hello World!</p>
  •   <p>Привет Мир!</p>
  •   <p>To be or not to be?</p>
  •  </div>
  •  <script>
  •   funMake();
  •  </script>
  • </body>
  • </html>