在HTML文件的正文或头部中创建的JS脚本可以直接在CSS代码中使用吗?



我是网页开发的新手,有一个技术问题。 如果我编写一个 javascript 函数并将其放在 HTML 文件的头部或正文中,是否可以直接在 CSS 代码中使用函数中的变量来更改内容定位之类的内容? 还是必须从 CSS 文件调用该函数?

感谢您的任何和所有输入!

您可以从自己创建的函数中将CSS应用于html元素。或者请在此处传递一些代码以使其更清晰。

一般方案可以是:

<html>
<head>
<script>
function useCSS(){
$("#myElement").css("color","red");
}
</script>
</head>
<body>
<p id="myElement">This has to be changed!</p>
</body>
<script>
// function can be written anywhere in the script file or tags but ,has to be called after the element is loaded on page
useCSS();
</script>

编写 JavaScript 允许你直接修改 DOM,而不是你的 CSS 代码。这会产生您预期的相同效果,但通过不同的方法。如果您使用脚本元素来编写 JS,则可以使用它来更改内容定位,但请注意加载 CSS 和脚本的顺序以避免任何冲突。

不,您不能从 CSS 调用函数。JS将允许您控制DOM元素。

最新更新