本文链接：https://blog.csdn.net/m0_49249339/article/details/123564780

<!DOCTYPE html>
<html>
   <head>
       <meta charset="{CHARSET}">
       <title></title>
   </head>
   <body>
       <input name = "uname" id= "uname"/> <script>
           //document 对象，通过这个可以获得当前页面所有的标签以及所有标签的属性 //根据标签中的id获取标签对象
           //document.getElementById("uname")；获取的是整个标签对象返回对拥有指定id的第一个对象的引用，获取的是标签对象
           var ele = document.getElementById("uname");
           console.log(ele)

//获取输入框里的值的话，document.getElementById("uname").value 的方式 <input name = "uname" id= "uname" onbort="abc()" />//                                                                                                                                                           <script>                                                                                                                                                                    function abc(){ //根据id获取标签对象
           var ele = document.getElementById("uname").value
           console.log(ele)
           }

<input name = "uname" id= "uname" οnblur="abc()"/>
       性别：<input name="sex"   type="radio" value="男"/>男
           <input name = "sex" type="radio" value="女" />女                                      //getElementsByName()获取的是数组                                                              function abc(){
               //根据name属性值去获取相同的name标签
           var eles = document.getElementsByName("sex")
           console.log(eles.length)
           console.log(eles)
           }

           //getElementsByName("input") 根据标签获取input 当前页面的标签可以为以后dom标签批量选中
           function abc(){
           var eles = document.getElementsByName("input")
           console.log(eles.length)
           console.log(eles)
           }

Document对象