2007/07/28 | 补充问题与一个例子
类别(网页类学习笔记) | 评论(0) | 阅读(11) | 发表于 12:44

A1:二者主要的区别在哪里呢?
  id你只能用来定义单一元素,定义二个以后。页面不会出现什么问题,但是W3检测的时候认为你页面不符合标准;class是类,同一个class可以定义多个元素。就页面效果而言,两个东西的视觉效果几乎无差别。

A2:id 选择符为什么要少用,它有有什么局限性?
  单一使用的样式用id,需要程序、js动态控制的样式用id,id在页面只能使用一次!提供少用id,因为id可能和页面嵌的程序冲突(比如名称相同等)!

A3:我该在什么时候使用ID,什么时候使用class?
  单一的元素,或需要程序、JS控制的东西,需要用id定义;重复使用的元素、类别,用class定义。

<html>
<head>
<script language=jscript>
  function ok()
{
  aa.innerText='Click Me';
}
  
</script>
</head>
<body>
<div id="aa" style="left:20;top:20;right:30;" onclick="alert(aa.innerText);ok();">aaaaaaaaaaaaa</div>
<div id="test" >
   <span style="color:red">test1</span> test2
</div>
<a href="javascript:alert(test.innerHTML)">innerHTML内容</a>
<a href="javascript:alert(test.innerText)">innnerText内容</a>
<a href="javascript:alert(test.outerHTML)">outerHTML内容</a>

<input type=text name='aac' id=bb value='aaaa'></input>
<input type=button onclick="alert(document.getElementsByName('aac')(0).value)"></input>
<input type=button onclick="alert(document.all.aac.value)"></input>
<input type=button onclick="alert(bb.value)"></input>


<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="1" rowspan="2"></td>
        <td width="1" height="1"></td>
        <td height="1" bgcolor="#cccccc"></td>
        <td width="1"></td>
        <td width="1" rowspan="2"></td>
    </tr>
    <tr>
        <td width="1" height="1" bgcolor="#cccccc"></td>
        <td height="1"></td>
        <td width="1" bgcolor="#cccccc"></td>
    </tr>
    <tr>
        <td width="1" bgcolor="#cccccc"></td>
        <td width="1" height="1"></td>
        <td width="120 height="0"><marquee direction="right" scrollamount="10"><table style="font-size:1px;width:50px;height:10px;"><tr><td bgcolor="#e5fee5"></td><td bgcolor="#caf7ca"></td><td bgcolor="#8feb90"></td></tr></table></marquee></td>
        <td width="1" height="1"></td>
        <td width="1" bgcolor="#cccccc"></td>
    </tr>
    <tr>
        <td rowspan="2"></td>
        <td height="1" bgcolor="#cccccc"></td>
        <td height="1"></td>
        <td bgcolor="#cccccc"></td>
        <td rowspan="2"></td>
    </tr>
    <tr>
        <td height="1"></td>
        <td height="1" bgcolor="#cccccc"></td>
        <td></td>
    </tr>
</table>


</bodY>
</htm>

0

评论Comments