如何使用变量值作为 dom 树的一部分？

Question

我知道我可以使用 eval，但根据我所读到的内容，eval 是邪恶的！我可以使用其他替代方案吗？

var key = "foo"; //hardcoded for this example, but should actually be dynamic

console.log(document.myform.foo.value); //prints whatever value its supposed to be

document.myform[key].value = "bar"; //<-- what i want to do

console.log(document.myform.foo.value); //prints "bar"

还有jquery。 jquery 可以让这个更容易操作吗？

Answer 1

该脚本没有任何问题。它将按您的预期工作。基本上，任何时候你在 JavaScript 中有 . ，它后面的值都可以用数组表示法来表示（这就是你所拥有的）

console.log( window.location === window[ 'location' ] ) // true
var loc = 'location';
console.log( window.location === window[ loc ] ) // true

Answer 2

jQuery 的全部内容是访问 dom 树，如果 key 是一个 id，您可以像这样使用 jQuery：

$('#' + key).val();

有一整套选择器可以使使用 jQuery 轻松访问 dome (http://api.jquery.com/category/selectors/)：

$('input[type="checkbox"]')...
$('input:radio')...

查看上面的选择器链接，它是 jQuery 如此出色的重要原因好的。