Question

document.createElement（）的参数到底是什么，chrome和IE下面有什么区别

this.HeadTable = document.createElement("<table border='0' cellspacing='0' cellpadding='0'></table>");
这段代码为什么IE下执行正常，但是在chrome下面不能执行。

Answer 1

1. document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。

2. chrome和IE下面没有什么区别，如果有区别就是你写的代码有问题。

例如：

<div id="board"></div>

<script type="text/javascript">
            var board = document.getElementById("board");
            var e =document.createElement("input");
           e.type = "button";
            e.value = "这是测试加载的小例子";
            var object = board.appendChild(e);

</script>

Answer 2

document.createElement()参数是html代码的字符串。
chrome下也能执行。

请在this.HeadTable = document.createElement("<table border='0' cellspacing='0' cellpadding='0'></table>");之上加弹框测试是否执行到这了。

如下：
alert("begin");
this.HeadTable = document.createElement("<table border='0' cellspacing='0' cellpadding='0'></table>");

alert("end");

可以补充完整的表结构试一下
this.HeadTable = document.createElement("<table border='0' cellspacing='0' cellpadding='0'><tr><td></td></tr></table>");

追问

我试过了，IE浏览器下面可以执行到这里，但是chrome浏览器下面执行不到这里。所以我想知道document.createElement方法在IE下和chrome下的用法有没有什么区别。