你的代码并没有问题只是你少给span添加文字
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
function myfun(obj){
alert(0);
var span = document.createElement("SPAN");
span.id = "__ErrorMessagePanel";
span.style.color = "red";
span.innerHTML="hjx";
obj.parentNode.appendChild(span);
}
</script>
<BODY>
<input type='text' id='name' onblur="myfun(this);"/>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
function myfun(obj){
alert(0);
var span = document.createElement("SPAN");
span.id = "__ErrorMessagePanel";
span.style.color = "red";
span.innerHTML="hjx";
obj.parentNode.appendChild(span);
}
</script>
<BODY>
<input type='text' id='name' onblur="myfun(this);"/>
</BODY>
</HTML>
<input type='text' id='name' onblur="myfun(this);"/><span..
<input type='text' id='name1' onblur="myfun(this);"/><span..就是紧挨着text的后面。
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
function myfun(obj){
var span = document.createElement("SPAN");
var div=document.createElement("DIV");
span.id = "__ErrorMessagePanel";
span.style.color = "red";
span.innerHTML="hjx";
div.appendChild(span);
obj.parentNode.appendChild(div);
}
</script>
<BODY>
<input type='text' id='name' onblur="myfun(this);"/>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
var id=0;
function myfun(obj){
alert("hello");
var span = document.createElement("SPAN");
span.id = id;
span.style.color = "red";
span.innerText="haha";
obj.parentNode.appendChild(span);
id++;
}
</script>
<BODY>
<div><input type='text' id='name' onblur="myfun(this);"/></div>
<div><input type='text' id='name' onblur="myfun(this);"/></div>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
function myfun(obj){
var span = document.createElement("SPAN");
span.style.color = "red";
span.innerHTML=obj.value;
if(obj.nextSibling)obj.parentNode.insertBefore(span,obj.nextSibling);
else obj.parentNode.appendChild(span);
} </script>
<BODY>
<input type='text' id='Text1' onblur="myfun(this);"/>
<input type='text' id='Text2' onblur="myfun(this);"/>
<input type='text' id='Text3' onblur="myfun(this);"/>
<input type='text' id='name' onblur="myfun(this);"/>
</BODY>
</HTML>
nextSibling这样的方法,从哪里能查到,有没有方便的帮助查看。或者js方便的ide您用什么?
DHTML 手册.chm,3.82m