外部js怎么引用css?
a.js,b.html,c.css我用js的addclass()方法给html中的span加一个css中的样式该怎么做...
a.js ,b.html, c.css我用js的addclass()方法给html中的span加一个css中的样式该怎么做
展开
2个回答
展开全部
你说的是用jQuery里的addClass方法吧(抱歉js原生暂时没发现该方法),那就要先引入jQuery.js,然后再引入a.js,可以这样做:
1、在c.css里写好你的样式:.cssStyle {你的样式};
2、然后在a.js里加入$('span').addClass('cssStyle')即可。
如果你的意思不是这个,那我猜你应该是想说怎么直接在js里操作css样式吧,那就可以这样:
var spanEl = document.querySelectorAll('span');
然后根据你的要求写样式,比如你要修改背景颜色为红色:
spanEl .style.background = ‘red’;
希望我的回答能帮助到你,谢谢!
1、在c.css里写好你的样式:.cssStyle {你的样式};
2、然后在a.js里加入$('span').addClass('cssStyle')即可。
如果你的意思不是这个,那我猜你应该是想说怎么直接在js里操作css样式吧,那就可以这样:
var spanEl = document.querySelectorAll('span');
然后根据你的要求写样式,比如你要修改背景颜色为红色:
spanEl .style.background = ‘red’;
希望我的回答能帮助到你,谢谢!
更多追问追答
追问
我的意思是我在c.css.abc{color:red},a.js写$("span").addClass("abc"),在html外部引用了js和css,但是没有效果
jquery.js也引了
展开全部
1、首先需要引用c.css文件
1.1方法一、直接页面<head>内添加<link rel="stylesheet" href="c.css的目录地址"/>
1.2方法二、js里动态加载css
var link = document.createElement("link");
link.rel = "stylesheet";
link.type = "text/css";
link.href = 'c.css的目录地址';
var head = document.getElementsByTagName("head")[0];
head.appendChild(link);
2、js里给span添加样式。
1.1方法一、直接页面<head>内添加<link rel="stylesheet" href="c.css的目录地址"/>
1.2方法二、js里动态加载css
var link = document.createElement("link");
link.rel = "stylesheet";
link.type = "text/css";
link.href = 'c.css的目录地址';
var head = document.getElementsByTagName("head")[0];
head.appendChild(link);
2、js里给span添加样式。
追问
我在html引用了外部css和js,在js中使用addClass()添加样式,样式在css中,引用不到
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询