Question

我正在查看一些非常广泛的代码，用于从XML / XSL生成的网页，然后让Javascript动态生成布局。我遇到麻烦的是，似乎IE（特定于第10版）显示如果没有值则元素为空文本节点，然后如果有值则显示常规文本（无可编辑字段）。

这似乎改变了直接不可编辑文本的行为。

从我所看到的，第一步是让Javascript通过DOM生成元素

input = document.createElement("input");

input.setAttribute("id", "blah");
input.setAttribute("type", "text");

然后它会将它附加到父级。然后似乎发生的是执行一个函数，该函数再次遍历页面并插入这些字段所具有的任何值。

input.value = "Hello World";

Chrome和Firefox会正确显示输入字段并填充其字段，但IE10只显示该值，就好像它只是纯文本一样。

我从未使用过这种网页生成，并希望有人能够帮助我解决这个问题，以便我可以解决这个问题。改变它的工作方式（当时）不是一个选项，所以我试图纠正它，以便IE也很高兴。

由于

Answer 1

此特定代码序列适用于我在其中尝试过的所有浏览器（Chrome，IE，Firefox）：

var elem = document.createElement("input");
elem.type = "text";
elem.id = "test";
document.body.appendChild(elem);
elem.value = "This is some text";

如果您的确切代码偏离此，那么您应该检查差异或发布在IE中演示问题的确切代码序列，以便我们更好地了解如何调试或建议。

您可以在任何想要在此处尝试的浏览器中查看此工作演示：http://jsfiddle.net/jfriend00/z2FpP/

您的代码需要注意的事项：