HTML: DOM getElementsByName() 方法与getElementById()
2017-01-11 09:15
489 查看
案例代码:
id与name区别:
id是唯一的,对于每一个元素只有一个,所以是getElementById()
name是非唯一的,可以用来指一类元素,所以是getElementsByName()
区分:name与class,前者用于js获取。后者用于css获取处理样式。
getElementById() 用法:唯一获取
document.getElementByName()用法:用迭代器列出一一处理
<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>
相关文章推荐
- HTML DOM Element 对象的全部属性和方法
- 【HTML】<!DOCTYPE>声明
- HTML学习
- HTML 脚本
- HTML中怎么设置超链接字体颜色和点击后的字体颜色
- innerHTML、outerHTML、innerText、outerText的区别及兼容性问题
- HTML DOM addEventListener() 方法
- 下拉列表、单选按钮、复选框常用用法总结
- html第二天——使用div做基本的页面布局
- html表单---学习笔记03
- Chrome 开发者工具详解(4):Profiles 面板
- html颜色代码
- textArea的换行问题
- html的标签的初步认识
- HTML基础:文本列表实例2(9)
- Chromium CEF as a HTML-Editor
- 【Html 学习笔记】第四节——框架
- innerHTML和innerText怎么区分
- 整理一些HTML的标签(基础)
- web在线聊天的html框----form表单提交