tab-inner Таблица с помощью innerHTML


     Создать таблицу можно двумя способами: 
с помощью кода,использующего только HTML, и с помощью скрипта,
задающего код таблицы с помощью innerHTML.

    Создание таблицы с помощь кода HTML подробно 
рассмотрено в примере 8. 
  
   Есть и еще один способ создании таблицы - заголовка WEB-страницы. 
Он заключается в использовании скрипта, созданного с помощью Javascript. 
В этом скрипте код таблицы задается с помощью свойства innerHTML.
Собственно заголовок этой страницы и получен таким способом. Скрипт этой
таблицы-заголовка таков
<HTML>

<HEAD>

<TITLE>inner</TITLE>

<p  id="tim"></p>

<p  id="my"></p><p  id="myt"></p> 

<p align=center  id="tam"></p><p 

<p align=center  id="tuta">

<script>

function WN()

{

x="<p align=center><span style='font-size:20;color:blue'>первые шаги в Javascript</span>"

y="<p align=center><span style='font-size:30;color:red'>что такое innerHTML</span>"

z="<p align=center><span style='font-size:20;color:#ff00ff'>простые скрипты</span>"

sj="<TD>>"

sj2="<TD bgcolor=red  WIDTH=600>"

block="</TD>"+"</table>"

s5="<p align=center><img  SRC='530.jpg'  width=200 height=130</p>"

s6="<p align=center><img  SRC='112.jpg'  width=200 height=130</p>"

st="<p align=center><TABLE  BORDER=5; bgColor=#ff0000 ; borderColor=ffff00 >"

st1="<TABLE  BORDER=5; bgColor=#ccffcc ; borderColor=ff00ff  WIDTH=600 height=15>"

st2="<TABLE  BORDER=5; bgColor=#f0ffff ; borderColor=0000ff  WIDTH=600 height=30>"

st3="<TABLE  BORDER=5; bgColor=ccffcc ; borderColor=green  WIDTH=600 height=15>"

st1=st+sj+s5+sj2+st1+sj+x+block+st2+sj+y+block+st3+sj+z+block+sj+s6+"</table>"

my.innerHTML=st1

}

WN()

                      
</script>

<body bgcolor="ccffcc">

</body>

</html>

 

  
Сборка таблицы во времени показана здесь.
Home (содержание)