JavaScript中本地定义的样式和动画

JavaScript中本地定义的样式和动画,javascript,animation,styles,Javascript,Animation,Styles,我正在学习JavaScript,在文本中,它说您必须为动画使用本地定义的样式。i、 e.HTML样式标记。这有意义吗?如果有,为什么有必要?提前感谢。也许文本的意思是,当您调用jQueryanimate()函数时,例如,传入CSS属性,这些属性通过HTML元素的style属性设置。这很有意义,因为您希望这些规则覆盖样式表中的任何预定义规则 例如: 如果在动画运行后检查,您将看到jQuery在元素上设置了style属性。也许文本的意思是,当您调用jQueryanimate()函数时,例如,传递CS

我正在学习JavaScript,在文本中,它说您必须为动画使用本地定义的样式。i、 e.HTML样式标记。这有意义吗?如果有,为什么有必要?提前感谢。

也许文本的意思是,当您调用jQuery
animate()
函数时,例如,传入CSS属性,这些属性通过HTML元素的
style
属性设置。这很有意义,因为您希望这些规则覆盖样式表中的任何预定义规则

例如:


如果在动画运行后检查
,您将看到jQuery在元素上设置了
style
属性。

也许文本的意思是,当您调用jQuery
animate()
函数时,例如,传递CSS属性,这些属性是通过HTML元素的
style
属性设置的。这很有意义,因为您希望这些规则覆盖样式表中的任何预定义规则

例如:


如果在动画运行后检查
,您将看到jQuery在元素上设置了
样式属性。

它们可能指的是在javascript中本地更改样式。为了做到这一点,可以利用每个元素的style属性

element.style.width = "100px";

将样式更改为100px的宽度。这就是使用javascript更改元素外观的方式。

它们可能指的是在javascript中本地更改样式。为了做到这一点,可以利用每个元素的style属性

element.style.width = "100px";

将样式更改为100px的宽度。这就是使用javascript更改元素外观的方式。

不,这不是必需的

你可以用两种基本的方法来做

动态更改样式:

<p id="myElement">Here is some text to animate</p>
<script>
var pixels = 10; // e.g., if this were a dynamically changing variable
document.getElementById('myElement').style.width = pixels+'px';
</script>

不,这不是必须的

你可以用两种基本的方法来做

动态更改样式:

<p id="myElement">Here is some text to animate</p>
<script>
var pixels = 10; // e.g., if this were a dynamically changing variable
document.getElementById('myElement').style.width = pixels+'px';
</script>

因此,当您在DOM中修改样式属性时,您只是在修改本地样式,而不是CSS。因此,如果您在外部CSS文件中设置属性,则无法直接从javascript读取该值?@rubixibuc No,您可以在运行时读取应用于DOM元素的任何样式,而不管该样式是在何处定义的。因此,当您修改DOM中的样式属性时,您只修改了本地样式,而不是CSS。因此,如果在外部CSS文件中设置属性,则无法直接从javascript读取该值?@rubixibuc No,您可以在运行时读取应用于DOM元素的任何样式,而不管该样式定义在何处。您可以在javascript中编辑外部样式表中的值,还是不可能?是,它们是在标记中还是在a中并不重要(通常后者是首选的,因为它允许您重用它)。您可以用javascript编辑外部样式表中的值,或者这是不可能的吗?是的,它们是在标记中还是在a中并不重要(通常后者是首选的,因为它允许您重用它)。