动态给text加一个span?

你的代码并没有问题只是你少给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>

解决方案 »

  1.   

    如果是想把span加在动态加在下面的位置怎么加
    <input type='text' id='name' onblur="myfun(this);"/><span..
    <input type='text' id='name1' onblur="myfun(this);"/><span..就是紧挨着text的后面。
      

  2.   

    <!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){
                    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>
      

  3.   

    就像1楼所说你没有给SPAN加上文字，所以就是空的内容。
      

  4.   

    看看我的,呵呵!
    <!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>
      

  5.   

    请问有没有javascript的帮助？能够查出某个空间的属性和方法的？ 
      

  6.   

    <!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){
                    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>
      

  7.   

    楼上老大，
    nextSibling这样的方法，从哪里能查到，有没有方便的帮助查看。或者js方便的ide您用什么？
      

  8.   

    这个是DOM你可以
    DHTML 手册.chm,3.82m