项目中 js 备忘

最新推荐文章于 2025-08-09 20:51:19 发布

原创最新推荐文章于 2025-08-09 20:51:19 发布 · 555 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #function #javascript #action #html #xhtml

Rich client 专栏收录该内容

3 篇文章

订阅专栏

document.getElementsByName();

document.getElementById();

document.getElementsByTagName()的区别:

document.getElementsByName() 是根据控件名称获取这个控件对象，因为控件名称可以相同，返回的是一个对象数组。
document.getElementById() 是根据控件ID获取这个控件对象，因为控件ID唯一，返回的是一个对象。
document.getElementsByTagName() 是根据控件TAG获取这个控件对象，返回的是一个对象数组。

例如：
HTML中有控件如下：
<input type="radio" id="radio1" checked="checked" name="radiogroup1" />
<input type="radio" id="radio2" name="radiogroup1" />
<input type="radio" id="radio3" name="radiogroup1" />
则：
document.getElementsByName('radiogroup1') 取得的是这三个控件，可以用document.getElementsByName('radiogroup1')[0] 取得的是第一个控件。
document.getElementById('radio1')取得的是第一个控件，
document.getElementsByTagName('input') 取得的是这三个控件，可以用document.getElementsByTagName('input')[0] 取得的是第一个控件。

getElementsByName('delID')返回的是所有名称为'delID'的控件组成的数组，数组就是一种集合。

数组的运用实例：

得到一个字符串实例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="text/javascript">  </script> </head> <body> <form action="" name="form1" method="post"> <input type="text" name="v1" id="v1" value="" />电脑<br /> <input type="text" name="v2" id="v2" value="" />家电<br /> <input type="text" name="v3" id="v3" value="" />中国<br /> <input type="text" name="v4" id="v4" value="" />苹果<br /> <input type="button" name="OK" onclick="validate();" value="提交" > </form> </body> </html>

至少有一个checkbox 被选中实例：

得到select 框中的有规律值的总和

在页面中新增控件实例：

<html> <head> <mce:script language="javascript"></mce:script> </head> <body> <a href="#" mce_href="#" id="" onclick="addmx()" >新增页面控件</a> <div id="coll"></div> </body> </html>