getElementsByName()





js/script.js
  • function funChange() {
  •  if(document.getElementsByName('txt1')[0].innerHTML == 'Hello World!' && document.getElementsByName('txt2')[0].innerHTML == 'Привет Мир!') {
  •   document.getElementsByName('txt1')[0].innerHTML = 'Привет Мир!';
  •   document.getElementsByName('txt2')[0].innerHTML = 'Hello World!'
  •  }
  •  else {
  •   document.getElementsByName('txt1')[0].innerHTML = 'Hello World!';
  •   document.getElementsByName('txt2')[0].innerHTML = 'Привет Мир!'
  •  }
  • }
  •  
  • window.onload = function() {
  •  document.getElementById('b1').onclick = funChange;
  • }
  • function funChange() {
  •  if(document.getElementsByName('txt1')[0].innerHTML == 'Hello World!' && document.getElementsByName('txt2')[0].innerHTML == 'Привет Мир!') {
  •   document.getElementsByName('txt1')[0].innerHTML = 'Привет Мир!';
  •   document.getElementsByName('txt2')[0].innerHTML = 'Hello World!'
  •  }
  •  else {
  •   document.getElementsByName('txt1')[0].innerHTML = 'Hello World!';
  •   document.getElementsByName('txt2')[0].innerHTML = 'Привет Мир!'
  •  }
  • }
  •  
  • window.onload = function() {
  •  document.getElementById('b1').onclick = funChange;
  • }


index.html
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <script src="js/script.js"></script>
  • </head>
  • <body>
  •  <p name="txt1">Hello World!</p>
  •  <p name="txt2">Привет Мир!</p>
  •  <br />
  •  <input id="b1" type="button" value="change">
  • </body>
  • </html>
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <script src="js/script.js"></script>
  • </head>
  • <body>
  •  <p name="txt1">Hello World!</p>
  •  <p name="txt2">Привет Мир!</p>
  •  <br />
  •  <input id="b1" type="button" value="change">
  • </body>
  • </html>