javascript - 为什么我不能使用 JavaScript 更改我的 HTML 元素的样式？

Question

我有一个问题，我制作了这个测试代码来向你展示我的问题。

• HTML 代码：http: //i.stack.imgur.com/7qlZx.png
• Javascript 代码：http: //i.stack.imgur.com/DYvuq.png

我想做的是改变id的样式。但由于某种原因，它不起作用。

我不知道发生了什么，我真的需要你的帮助。谢谢。

Answer 1

在您的原始代码中，您错误地将 JavaScript 属性称为方法...

// ORIGINAL/INCORRECT CODE
// x.style.fontSize('20px');
// x.style.fontFamily('arial');
// x.style.color('#008080');
// x.style.border('10px solid #000');

更正...

// CORRECTED
// These are properties, NOT methods.
x.style.fontSize = '20px';
x.style.fontFamily = 'arial';
x.style.color = '#008080';
x.style.border = '10px solid #000';

Answer 2

从您发布的代码图片来看（http://jsfiddle.net是此类事情的更好选择），您的 JavaScript 是错误的。

x.style.fontSize('20px');

HTML 元素上的style对象没有被调用的函数fontSize，它有一个property被调用的函数fontSize。您将所需的值分配给它，如下所示：

x.style.fontSize = '20px';

如果您在 JavaScript 控制台可见（查看 > 开发人员 > JavaScript 控制台）的情况下在 Chrome 中尝试您的原始代码，当您尝试运行您的原始代码时应该会看到一个错误。

Answer 3

这些样式属性是属性而不是方法。也就是说，不应该是x.style.fontSize('20px')，而是x.style.fontSize = '20px'。