javascript - 使用 JavaScript 隐藏表单中的文本框

Question

隐藏输入文本框的正确方法是什么？以下似乎适用于除 Internet Explorer 之外的所有浏览器。我正在 IE8 上测试。

var field = document.getElementsByTagName("input")[0];
field.type = 'hidden';

请注意，以下内容不起作用:

var field = document.getElementsByTagName("input")[0];
field.style.display = 'none';

这也行不通:

var field = document.getElementsByTagName("input")[0];
field.setAttribute("type", "hidden");

Answer 1

研究这个的时候的指示是IE不允许你这样做。

这篇文章解释了你应该怎么做才能达到类似的效果:

http://www.universalwebservices.net/web-programming-resources/javascript/change-input-element-type-using-javascript

However, most of us find it necessary to submit to the demands of Internet Explorer. To meet these demands, we must:

• dynamically create a new element
• copy the properties of the old element into the new element
• set the type of the new element to the new type
• then replace the old element with the new element

此站点也复制了该代码，所以我想让您访问它是为了他们的页面点击率。

我很想知道 IE 与导致此问题的其他浏览器有何不同。

此外，有人愿意在 IE9 上试用吗？