请教用javascript动态添加两行html代码的问题

本帖最后由 yzyh 于 2014-03-21 14:05:28 编辑

解决方案 »

  1.   

    <script>
    $(function(){
    $("#fileElement").after('<span class="filename"></span><span class="action">选择文件</span>');
    });
    </script>
      

  2.   


    $("#fileElement").after("<span class=\"filename\"></span><span class=\"action\">选择文件</span>");
      

  3.   

    $(function(){
    $('#fileElement').after('<span class="filename"></span><span class="action">选择文件</span>');
    })
      

  4.   


    <html>
    <head>
     
    </head>
    <body>
    <div>
    <input id="fileElement" type="file" name="filename" size="33" style="opacity: 0; ">
    </div>
    <script type="text/javascript">
      var file = document.getElementById('fileElement').parentNode;
      var span1 = document.createElement('span');
      span1.setAttribute('class','filename');
      file.appendChild(span1);
      var span2 = document.createElement('span');
      span2.setAttribute('class','action');
      span2.innerHTML= '选择文件';
      file.appendChild(span2);
      </script>
    </body>
    </html>