11.18-学习心得

 var menu=document.getElementById("tab"+m).getElementsByTagName("li"); 

通过给父级元素建立ID值，可以利用document对象的getElementById("")或者getElementsByTagName()来获取某个节点子元素的内容，相应的赋值给一个变量，就可以构建一个数组。然后在通过for循环我们可以实现给具体某个标签实现某种功能；例如：for(i=0;i<menu.length;i++)
{
   menu[i].className=i==n?"now":""; 
   showdiv[i].style.display=i==n?"block":"none"; 
直接给数组showdiv的第i+1个元素里面的style的dispaly赋值；其中“.”一般翻译为“的”；给某属性直接赋值用“=”，区别于CSS中的冒号；再者，可以利用className属性，在进行某个事件时，给某个元素加上已经定义好的样式！

<div id="tab1">
<ul>
   <li onmouseover="setTab(1,0)" class="now">源代码</li>
   <li onmouseover="setTab(1,1)">ASP</li>
   <li onmouseover="setTab(1,2)">PHP</li>
   <li onmouseover="setTab(1,3)">JSP</li>
</ul>
</div>

创建祖父，父，子的标签可以利用上述；

display与visible

display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。

visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。

display:block---此元素显示为块级元素，并且在元素的两侧加上换行符；

display:inline--此元素显示为行内元素，在元素的两侧不加换行符了