HTML： DOM getElementsByName() 方法与getElementById()

来源：互联网发布：蓝叠安卓模拟器mac版编辑：程序博客网时间：2024/05/29 07:27

案例代码：

      <table class="sub_table" height="168"><tbody style="font-size: 9"><tr><td width="192"><spans style="font-weight: bold">统计项</spans></td><td width="192"><spans style="font-weight: bold">个数</spans></td></tr><tr><td>英文字母</td><td><span id="englishLet" name="tdspan"></span></td></tr><tr><td>数字</td><td><span id="number" name="tdspan"></span></td></tr><tr><td>中文汉字</td><td><span id="chineseChar" name="tdspan"></span></td></tr><tr><td>中英文标点符号</td><td><span id="punctuation" name="tdspan"></span></td></tr></tbody></table>

id与name区别：

id是唯一的，对于每一个元素只有一个，所以是getElementById()

name是非唯一的,可以用来指一类元素，所以是getElementsByName()

区分：name与class，前者用于js获取。后者用于css获取处理样式。

getElementById() 用法：唯一获取

<script type="text/javascript" >function clearTable(){//清空表格内容document.getElementsById("chineseChar.innerHTML = " ";}</scripts>

document.getElementByName()用法：用迭代器列出一一处理

<script type="text/javascript" >function clearTable(){//清空表格内容tdspans=document.getElementsByName("tdspan");for(var i=0;i<tdspans.length;i++){tdspans[i].innerHTML = " ";}}</scripts>

0 0