JS---获取元素、函数

最新推荐文章于 2023-05-10 10:03:40 发布

羊️里个雲

最新推荐文章于 2023-05-10 10:03:40 发布

阅读量628

点赞数 1

分类专栏： Javascript 文章标签：前端 javascript html css3 开发语言

本文链接：https://blog.csdn.net/m0_53401967/article/details/127077569

版权

这篇博客详细介绍了JavaScript中获取元素的各种方法，包括通过id、标签名、class名、name属性和选择器，以及如何通过父元素获取子元素。此外，还深入探讨了函数的概念、作用、参数传递、匿名函数和return关键字的功能。

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

学习目录：

学习内容：

（一）获取元素
一、通过id名获取

通过id名获取获取的是单个元素

document.getElementById('id名')

<body>

   <button id="btn">注册</button>

</body>

<script>  

     var btn=document.getElementById('btn')

     console.log(btn);

     btn.onclick=function( ){

         console.log("注册");

     }

 </script>

二、通过标签名获取

通过标签名获取获取的是数组

document.getElementsByTagName('标签名)[索引值]

<body>

    <button>注册</button>

    <button>登录</button>

</body>

<script>  

     var btns=document.getElementsByTagName('button')[1]

     console.log(btns);

     btns.onclick=function(){

         console.log("www");

     }

 </script>

三、通过class名获取

通过class名获取元素获取数组

document.getElementsByClassName('class名')

<body>

     <span class="span">静夜思</span>

     <span class="span">李白</span>

 </body>

 <script>  

  var spans=document.getElementsByClassName('span')

     console.log(spans);

     spans[1].onclick=function(){

         console.log(lala);

     }

 </script>