dir





js/script.js
  • function funDir() {
  •  if(document.getElementById('p1').dir == 'ltr') {
  •   document.getElementById('p1').dir = 'rtl';
  •  }
  •  else {
  •   document.getElementById('p1').dir = 'ltr';
  •  }
  •  document.getElementById('d1').innerHTML = '<h3>' + document.getElementById('p1').dir + '</h3>';
  • }
  •  
  • window.onload = function() {
  •  document.getElementById('d1').innerHTML = '<h3>' + document.getElementById('p1').dir + '</h3>';
  •  document.getElementById('b1').onclick = funDir;
  • }
  • function funDir() {
  •  if(document.getElementById('p1').dir == 'ltr') {
  •   document.getElementById('p1').dir = 'rtl';
  •  }
  •  else {
  •   document.getElementById('p1').dir = 'ltr';
  •  }
  •  document.getElementById('d1').innerHTML = '<h3>' + document.getElementById('p1').dir + '</h3>';
  • }
  •  
  • window.onload = function() {
  •  document.getElementById('d1').innerHTML = '<h3>' + document.getElementById('p1').dir + '</h3>';
  •  document.getElementById('b1').onclick = funDir;
  • }


index.html
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <script src="js/script.js"></script>
  • </head>
  • <body>
  •  <p id="p1" dir="ltr">Hello World!</p>
  •  <input type="button" id="b1" value="exchange" />
  •  <div id="d1"></div>
  • </body>
  • </html>
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <script src="js/script.js"></script>
  • </head>
  • <body>
  •  <p id="p1" dir="ltr">Hello World!</p>
  •  <input type="button" id="b1" value="exchange" />
  •  <div id="d1"></div>
  • </body>
  • </html>