javascript - and <input type ="hidden"> on IE11 之间的区别

Question

我遇到了一个奇怪的问题，似乎与浏览器相关(IE9 及更低版本与 IE11)，但想知道为什么会出现奇怪的行为。

问题描述:我使用 Spring 框架并使用其相关标签库来检索 JSP 上的数据。有一个称为索引的变量，我从表单中检索它，并且过去以以下方式检索它。

<html:hidden property="index" name="pdmAcctSuppressForm" /> 

上述变量的值即 index使用以下代码片段在 JavaScript 中进行访问。

var index = document.getElementById("index").value;

JavaScript 似乎按预期工作，并在 IE9 之前的所有 IE 浏览器中检索实际值，但似乎无法在 IE11 上工作。 document.getElementById("index")在 IE11 上返回无效。

解决方案:通过将上述 taglib 实现从 <html:hidden property="index" name="pdmAcctSuppressForm" />

到

<input type="hidden" name="pdmAcctSuppressForm" value="${pdmAcctSuppressForm.index}" id="index"/>

我想知道 IE11 上发生了什么变化导致实现无法使用，以及我引用的解决方案是否正确且有效。

Answer 1

The javascript seems to work as expected and retrieves the actual value in all IE browsers until IE9, but seems to fail to work on IE11.
...
I would like to know what has been changed on IE11 which renders the implementation unusable and also if the solution I have quoted is the right and efficient one.

您在使用 IE8 时也应该遇到过这个问题。通过 IE7，IE 有一个 bug:它使用 getElementById 找到元素没有 id您要求，但确实有 name匹配的。也就是说，在 IE8 及更早版本中:

<input name="foo">

...将由 document.getElementById("foo") 找到.

这是一个错误(尽管微软有一段时间称其为一项功能，并记录了它)，但它已被修复。

更多(在我的博客上):

• ...by any other name, would smell as sweet