js 元素操作

最新推荐文章于 2024-04-19 13:19:04 发布

dream_heheda

最新推荐文章于 2024-04-19 13:19:04 发布

阅读量144

点赞数

分类专栏： # javascript

本文链接：https://blog.csdn.net/dreamstar613/article/details/104512428

版权

javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1.获取同名元素 document.getElementsByName("myInput");

<html>
<head>
<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByName("myInput");
  alert(x.length);
  }
</script>
</head>

<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()" value="名为 'myInput' 的元素有多少个？" />
</body>

</html>

2.根据html元素的class name获取元素

参考Document.getElementsByClassName()

<html>
<body>
    <div id="parent-id">
        <p>hello world 1</p>
        <p class="test">hello world 2</p>
        <p>hello world 3</p>
        <p>hello world 4</p>
    </div>

    <script>
        var parentDOM = document.getElementById("parent-id");
        
        var test = parentDOM.getElementsByClassName("test"); // a list of matching elements, *not* the element itself
        console.log(test); //HTMLCollection[1]

        var testTarget = parentDOM.getElementsByClassName("test")[0]; // the first element, as we wanted
        console.log(testTarget); //<p class="test">hello world 2</p>
    </script>
</body>
</html>

dream_heheda

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 元素操作

1.获取同名元素document.getElementsByName("myInput");<html><head><script type="text/javascript">function getElements() { var x=document.getElementsByName("myInput"); alert(x.l...
复制链接

扫一扫