js获得控件值,抛出无法获取未定义或null引用的属性'value'

最新推荐文章于 2023-12-11 18:19:21 发布

原创最新推荐文章于 2023-12-11 18:19:21 发布 · 9.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #c# #python #ViewUI

javaScript 专栏收录该内容

10 篇文章

订阅专栏

本文探讨了在JavaScript中遇到'无法获取未定义或null引用的属性'value''错误的原因及解决方案，重点讲解如何安全地获取控件的值，避免程序抛出异常。

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <link rel="stylesheet" type="text/css" href="easyui.css">
    <link rel="stylesheet" type="text/css" href="icon.css">
    <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="jquery.easyui.min.js"></script>
    <script type="text/javascript">
        alert( document.getElementById("xx").value);
    </script>
 <body>
	 <input type="text" id="xx" name="xx" value="0"/>
 </body>
</html>

-----------------------------*****************正解******************--------------------------------

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <link rel="stylesheet" type="text/css" href="easyui.css">
    <link rel="stylesheet" type="text/css" href="icon.css">
    <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="jquery.easyui.min.js"></script>  
 <body>
    <input type="text" id="xx" name="xx" value="0"/>
    <script type="text/javascript">
          var xx =  document.getElementById("xx").value;
          alert(typeof(xx));//或许代码加载顺序有关，代码是由上而下进行加载
    </script>
 </body>
</html>