首页 >web前端 >html教程 >行: 13错误: 'null' 为空或不是对象

行: 13错误: 'null' 为空或不是对象

PHP中文网
PHP中文网原创
2016-06-24 12:08:521672浏览

代码如下

<script language="JavaScript"> 
function check(){ 
var tx=document.form1.username.value; 
var d=document.getElementById("p1"); 
if (!tx.match("^[a-zA-Z0-9_]{10,13}$")) { 
d.outerText="你输入的用户名非法!"; 
} 
else{ 
d.style.visibility ="hidden"; 
} 
} 
</script> 
</head> 
<body> 
<form name="form1"> 
用户名:<input type="text" name="username" onmouseleave="return check()"/> 
<p id="p1">请输入5到10为用户名!</p> 
</form> 
</body>

提示:行: 13错误: 'null' 为空或不是对象,怎么解决?




解决方案:

将d.outerText="你输入的用户名非法!"; 
改成 
d.innerHTML="你输入的用户名非法!"; 

因为你outerText之后,p已经不存在了。

innerText 
innerHTML是改变里面的内容 
outer是改变外部的。连标签都替换了下次就没法用了。所以是null


声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn