原创

【Web】HTML: DOM getElementsByName() 方法与getElementById()

版权声明:本文为博主原创文章,遵循 CC 4.0 BY 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://bluebird.blog.csdn.net/article/details/54340444

案例代码:

 

      		<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>

 

文章最后发布于: 2017-01-11 09:15:46
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览