Question

js的appendChild()的问题

var input_txt = document.createElement("input"); input_txt.type = "text"; input_txt.name = "tmp"; form.appendChild(input_txt);
这里设置的input的name为tmp,但是编译出来的网页变成了submitName,

请问怎么能设置成<input name="tmp" 这样的形式。

Answer 1

这是IE的问题

第一种解决方法，判断浏览器使用不同的方法创建

// 返回IE版本，如果不是IE返回false
function isIE () {
  var myNav = navigator.userAgent.toLowerCase();
  return (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false;
}

var input_txt;
var ie = isIE();
if (ie === false || ie > 7) { // 非IE或IE版本大于7
    input_txt = document.createElement("input");
    input_txt.name = "tmp";
} else { // IE7或以下
    input_txt = document.createElement("<input name='tmp'>");
}
input_txt.type = "text";
form.appendChild(input_txt);

第二种方法，使用innerHTML

      // 先创建一个容器。这里使用div
      var oDiv = document.createElement("div");
      // 用innerHTML创建input
      oDiv.innerHTML = '<input type="text" name="tmp" >';
      // 获取input
      var input_txt = oDiv.getElementsByTagName('input');
      // 加到form里
      form.appendChild(input_txt);

Answer 2

用setAttribute试试

Answer 3

只有一种可能， 你看错标签了。你看到的不是你appendChild那一个