关闭

11.18-学习心得

63人阅读 评论(0) 收藏 举报
分类:

 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--此元素显示为行内元素,在元素的两侧不加换行符了


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:288次
    • 积分:41
    • 等级:
    • 排名:千里之外
    • 原创:4篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档