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>