Fatal编程技术网
  • javascript/
  • 有没有办法将javascript链接到外部css文件中的特定样式？

有没有办法将javascript链接到外部css文件中的特定样式？

javascript html css

有没有办法将javascript链接到外部css文件中的特定样式？,javascript,html,css,Javascript,Html,Css,有没有办法将javascript链接到css中的某个样式？下面是我想做的一个示例： syntax onclick=“[change style to external stylesheet class，例如changes]”。有没有一个特殊的功能来实现这一点 changes { /*just an example, i know i can do this is css and html only*/ background-img:url(""); } 如果您需要更多信息，请发表评论。是

有没有办法将javascript链接到css中的某个样式？
下面是我想做的一个示例：
syntax onclick=“[change style to external stylesheet class，例如changes]”。有没有一个特殊的功能来实现这一点

 changes { /*just an example, i know i can do this is css and html only*/
 background-img:url("");
 }
如果您需要更多信息，请发表评论。

是的，您可以这样做

onclick="this.style='color: red;';"
如果那是你想要的

您可以将其放在HTML元素中：

<p style="" onclick="this.style='color: red;';">Some text</p>
希望这有帮助

尝试
添加类
删除类

这里我将展示一个例子

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#RC").click(function(){
    $("p").removeClass("intro");
  });
$("#AC").click(function(){
    $("p").addClass("intro");
  });
});
</script>
<style type="text/css">
.intro
{
font-size:120%;
color:red;
}
</style>
</head>
<body>

<p class="intro">Add Class Remove Class Example</p>

<button id="RC">Remove Class</button>
<button id="AC">Add Class</button>

</body>
</html>


$（文档）.ready（函数（）{
$（“#RC”）。单击（函数（）{
$（“p”）.removeClass（“简介”）；
});
$（“#AC”）。单击（函数（）{
$（“p”）.addClass（“简介”）；
});
});
.介绍
{
字体大小：120%；
颜色：红色；
}

添加类删除类示例

下课
添加类
试试这个。。它可能会帮助你

sample.css

.rednode{
  background-color: red;
}
.bluenode{
  background-color: blue;
}
在JS中

function changeClass(node) {
 node.classList.remove("rednode");
 node.classList.add("bluenode");
}
在HTML中

<span class='rednode' onclick='changeClass(this)'/>
请添加一些伪代码，示例将有所帮助。另外，您似乎对操作感兴趣-因此jquery是启动try.addClass（）函数的好地方。您能更具体一点吗？现在很难理解您的问题？编辑有任何帮助吗谢谢-这很有效，我正在寻找类似的东西，但我忘了您可以这样做。谢谢，这是可行的，但我当时只是在考虑使用javascript，你不能期望每个人都在使用jQuery。我认为这是一种很好的方法，可以实现我的目的，谢谢你的帮助， 
function changeClass(node) {
 node.classList.remove("rednode");
 node.classList.add("bluenode");
}

<span class='rednode' onclick='changeClass(this)'/>