JS——获取元素的值(getElementById() 方法)

这一生的挚爱 提交于 2020-01-19 20:13:24

1、getElementById() 方法:

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>获取元素</title>
        <script>
            window.onload=function(){
                var uname=document.getElementById("myname");
                alert(uname);
            }
            
        </script>
    </head>
    <body>
         <form action="new_file.html" method="post">
                                用户名:<input type="text"  name="myname" size="12" id="myname"><br>
                密&nbsp;&nbsp;&nbsp;码:<input type="password" name="password" size="6" ><br>
    </body>
</html>

 

 获取值:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>获取元素</title>
        <script>
            window.onload=function(){
                var uname=document.getElementById("myname");
                var uValue=uname.value;
                alert(uValue);
            }
            
        </script>
    </head>
    <body>
         <form action="new_file.html" method="post">
                                                用户名:<input type="text" name="myname" size="12" id="myname"><br>
                密&nbsp;&nbsp;&nbsp;码:<input type="password" name="password" size="6" ><br>
    </body>
</html>
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!