getElementsByName用法

最新推荐文章于 2025-05-18 18:13:19 发布
原创 最新推荐文章于 2025-05-18 18:13:19 发布 · 2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#border #table #javascript #button #function #input

本文提供了一个使用JavaScript实现的简单示例，展示了如何通过按钮点击事件来隐藏和显示不同的表格内容。此功能常用于网页中需要展示多个数据集并允许用户进行切换的场景。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<script language="javascript">
function zhongjie_info(str)
    { var i;
    var zhong=document.getElementsByName('zhong')
    for (i=0;i<zhong.length;i++)
     { if((i+1)==str)
     { zhong[i].style.display="none";}
     else
     {zhong[i].style.display="";}
      }
    }
</script>

 <table border=2 id="zhong" width="500">
<tr>
<td>1
</td>
</tr>
</table>
<table border=2 id="zhong" width="500">
<tr>
<td>2
</td>
</tr>
</table>
<table border=2 id="zhong" width="500">
<tr>
<td>3
</td>
</tr>
</table>
<table border=2 id="zhong" width="500">
<tr>
<td>4
</td>
</tr>
</table>
<input type="button" value="提交" onClick="zhongjie_info(1)">

DBCOLOR
关注
GetElementByName
我就吃一口的BLOG
12-10 1108
GetElementByName <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> // 全选 function checkAll() { // 让所有复选框都选
Document:getElementsByName()使用方法及示例
09-04
`Document:getElementsByName()` 是一个在JavaScript中广泛使用的DOM（Document Object Model）方法，它允许开发者根据元素的`name`属性来查找并返回一个包含所有匹配元素的NodeList集合。这个方法对于处理HTML表单...
getElementsByName
bangxionger9224的博客
06-18 137
name属性，name属性是input标签的内建属性，早期浏览器的getElementsByName方法是为了方便的获取用户的输入。由于name只是input的内建属性，其它标签没有，所以getElementsByName方法不能在别的标签中识别这一属性，因此getElementsByName方法只能用于input标签，这也就是为什么你getElementsByName（‘ok’）得不到...
JavaScript基础-获取元素
最新发布
qq_51626500的博客
05-18 631
JavaScript基础-获取元素
getElementsByName用法（附实例）
“夜光寒”的博客
06-25 9328
getElementsByName可以根据元素的name或id属性值来查找或获取元素．然后对元素进行某些操作．getElementsByName与getElementById都是用来在网页内查找获取元素．但他们是有区别的．getElementById是根据元素的id属性值进行查找，并且只获取唯一的．比如你网页中有n个元素的id值属性是一样的，getElementById只获取其中一个．而get
9-2getElementsByName()方法
dada678的专栏
06-30 393
返回带有指定名称的节点对象的集合。 语法： document.getElementsByName(name) 与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。
javascript:getElementsByName td name
weixin_34387284的博客
01-26 98
问题:     今天写动态生成HTML表格的时候需要用到统计td内的数据,在生成的时候设置了td的name属性,但是document.getElementsByName("_test")能获得到这个对象,直接打印显示[object],但是length属性始终是0,不管你添加多少个td名称都设置成"_test"用getElementsByName获得的length总是0 !!! 感谢: ...
getelementsbyname用法
03-16
使用方法如下： ```javascript document.getElementsByName("name") ``` 其中 "name" 是要获取元素的名称。 示例： ```html ``` ```javascript var x = document.getElementsByName("firstname"); document....
document.getElementsByName用法
05-02
`document.getElementsByName` 方法用于获取文档中所有指定名称的元素节点（如 `<input>`、`<select>`、`<textarea>` 等）。该方法返回的是一个 NodeList 对象，其中包含了所有满足条件的元素节点。 语法如下： ``...
javascript getElementsByName()的用法说明
10-29
如果我们想获取所有名为"username"的输入框，我们可以使用getElementsByName()方法： ```javascript var elements = document.getElementsByName('username'); ``` 这里，`elements` 将是一个NodeList对象，它包含...
getElementsByName 方法用法
03-29 525
getElementsByName 方法用法
document.getElementsByName()的用法
12-29
详细介绍并对比了document.getElementsByName()和document.getElementByNId()的用法，并进行了深入的比较，还有例子加以讲解说明。
getElementByName????????,????????,
weixin_30268921的博客
08-01 119
getElementByName可以获取多个元素，获得的是一个数组， getElementById只能获取一个，是dom从上往下的第一个元素。 转载于:https://www.cnblogs.com/caoxinyu/p/6647829.html...
JavaScript getElementsByName()方法介绍
热门推荐
路虽远，行则必至！
06-25 3万+
getElementsByName() 根据 name 属性获取一组元素节点对象 getElementsByName()可以根据 name 属性获取一组元素节点对象，该方法所有浏览器均可使用 注意：这个方法会给我们返回一个类数组对象，所有查询到的元素都会封装到对象中，如下图： 我们若要查找具体元素，就必须使用索引，如下图： 我们可以通过 length 属性，获取其长度，如下图： 我们可以...
getElementsByName() 方法
chuzou4497的博客
11-27 490
HTML DOM getElementsByName() 方法 HTML DOM Document 对象 定义和用法 getElementsByName() 方法可返回带有指定名称的对象的集合。 语法 document.getElementsByName(name) 该方法与 getEle...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值