JavaScript 代码在 IE8 上不起作用

Question

我正在尝试使链接起作用，我们单击这些链接可以使用 JavaScript 更改网站的语言。 HTML 代码如下:

'<form action="" method="post" name="currlang">'.
    '<input type="hidden" name="languageval" value="'.$session->value("language").'"/>'.
    '<a onclick="langa(this, \'en\');" class="langs'.($session->value("language")=='en'?" active":"").'" id="en"></a>'.
    '<a onclick="langa(this, \'it\');" class="langs'.($session->value("language")=='it'?" active":"").'" id="it"></a>'.
    '<a onclick="langa(this, \'pl\');" class="langs'.($session->value("language")=='pl'?" active":"").'" id="pl"></a>'.
'</form>'.

这里是 JavaScript:

function langa(obj, valu) {
    document.getElementsByName("languageval")[1].value=valu;
    document.getElementsByName('currlang')[1].submit();
}

该脚本在新浏览器(Firefoxe、Opera、Chrome、IE9)上运行良好，但在 IE8 上测试时出现错误:

"'document.getElementsByName(...).1' is null or not an object".

经过一番研究，我发现 IE8 及更高版本不支持 getElementsByName()，也许解决方案是使用 jQuery，这就是我需要帮助的地方。我如何才能使用或不使用 jQuery 来实现此功能？

Answer 1

您可以尝试使用 ID 或 class 来代替 name 来实现相同的目的。

示例:

<div id="foo">This is id of foo</div>
<div class="choo">This is class of choo</div>

然后，如果您使用ID，则使用:

document.getElementById('foo');

并与class一起使用:

document.getElementsByClassName('choo');

希望这会有所帮助!