JavaScript / DOM：不能更改除id之外的任何元素属性

Question

我尝试使用JavaScript修改现有网页。我在网页加载后在Chrome的代码段页面中运行我的代码。我的目标是覆盖页面上某些元素的一些现有属性。

当我运行此代码时：

document.getElementById('foo').readOnly = false;
document.getElementById('foo').disabled = false;
document.getElementById('foo').aaa = '123';
document.getElementById('foo').onClick = '123';
document.getElementById('foo').id = '123';

只更改了ID。其他属性未受影响。我正在检查是否通过使用chrome中的html检查器来改变一些事情。 有什么东西我错过了吗？我已经尝试过为这个问题寻找解决方案，但我还没能找到它。

Answer 1

您尝试这样做的方式实际上只是在JavaScript对象上设置属性。这与在对象所代表的HTML元素上设置属性不同。

要执行您要执行的操作，您需要使用setAttribute()

Answer 2

你应该参考这个： Changing HTML Elements， 应该这样做。

Answer 3

您可以使用removeAttribute（＆＃34; readonly＆＃34;）和setAttribute（＆＃34; aaa＆＃34;，＆＃34; 123＆＃34;）。使用文档对象获取id。