获取文档中的指定元素

最新推荐文章于 2023-04-23 16:59:36 发布

雨霁赤赤

最新推荐文章于 2023-04-23 16:59:36 发布

阅读量854

点赞数

文章标签： js获取指定元素

本文链接：https://blog.csdn.net/qq_35835118/article/details/83650570

版权

本文介绍了三种在JavaScript中获取HTML元素的方法：1. 使用getElementById()通过ID获取元素；2. 使用getElementByName()通过name属性获取元素，返回值为数组；3. 通过class属性获取元素，示例中通过类名'money'遍历元素。

摘要由CSDN通过智能技术生成

1.通过元素的ID属性获取元素
使用document对象的getElementsById()方法可以通过元素的ID属性获取元素。代码如下：
document.getElementById(“userList”);
2.通过元素的name属性获取元素
使用document对象的getElementByName()方法可以通过元素的name属性获取元素。与getElementById()方法不同的是，该方法的返回值为一个数组，而不是一个元素。如果想通过name属性获取页面中唯一的元素，可以通过获取返回数组中下标为0的元素进行获取。例如：获取name属性为usernName的节点，代码如下：
document.getElementByName(“userName”)[0]
3.通过元素的class属性获取元素
这是我在写一个修改页面遇到的问题，大约有十个字段，并且都是左侧联动到右侧的那种，左侧为阿拉伯数字，输入左侧，点击，右侧变成大写数字。由于id都是不同的，所以我在class样式中加了money，于是以money来循环遍历获取元素。代码如下：
使用class="u-ipt u-ipt-w4 money"中的money

 <td><input type="text" name="balmoney" value="${price.balmoney!0}" id="balmoney" class="u-ipt u-ipt-w4 money">
      </td>
      <td><input type="text" name=