JavaScript Tutorial/HTML Tags/Table

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

Inserrt a table cell

   <source lang="javascript">

<html> <head> <title>Build-o-Table</title> <script type="text/javascript"> function procImage() {

  var tbl = document.getElementById("table1");
  tbl.border="5px";
  tbl.cellPadding="5px";
  var row1 = tbl.insertRow(-1);
  var cell1 = row1.insertCell(0);
  var cell2 = row1.insertCell(1);
  
  var txtAttr1 = document.createTextNode("src");
  cell1.appendChild(txtAttr1);
  

} </script> <body onload="procImage();">

adsf

</body> </html></source>


Table odd and even row style

   <source lang="javascript">

Quote from: Sams Teach Yourself JavaScript in 21 Days (Paperback) by Jonathan A. Watt (Author), Andrew H. Watt (Author), Jinjer Simon (Author), Jonathan A Watt (Author)

  1. Paperback: 784 pages
  2. Publisher: Sams; 1st edition (April 29, 2002)
  3. Language: English
  4. ISBN-10: 0672322978
  5. ISBN-13: 978-0672322976

<html> <head> <title>My Emails</title> <style type="text/css"> th {background-color: #999999} tr.odd {background-color: #cccccc} tr.even {background-color: #ffffff} th, td {padding: 0.1em 1em} </style> <script language="javascript" type="text/javascript">

</script> </head> <body>

My Emails

<script language="javascript" type="text/javascript"> </script>
<a href="?sortByFrom">From</a> <a href="?sortByDate">Date</a> <a href="?sortBySubject">Subject</a>

</body> </html></source>