js实现addClass添加样式

1、首先在html中布局好两个按钮和一个div。接着编写添加class的方法。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。接下来在编写移除class样式，如下图所示要的是remove。

目前成都创新互联已为成百上千的企业提供了网站建设、域名、虚拟空间、网站改版维护、企业网站设计、东至网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

2、一个没有样式的div script部分 声明addClass函数，把标签元素和新的class作为参数传进去，进行判断，如果标签元素原来有样式，那么就增加一个样式，如果没有样式，那么就把标签元素的样式设为传进来的样式。

3、 function add_class(){ document.getElementById(main).className = class-name }测试效果如下：添加class前 添加class后 与jQuery的addClass同一效果的。

javascript如何添加css类

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的标签，输入js代码：$(div).click(function () {$(this).css(color， blue)；})；。

项目中需要用到动态加载CSS 文件，整理了一下，顺便融合了动态加载JS 的功能写成了一个对象，先上代码：对象包含两个完全独立的方法，分别用来加载CSS 文件和JS 文件，参数均为欲加载的文件路径。

写在head标签中，用标签包起来，如XXX 有时候js的script标签要写在body中相应元素标签的下面，才会有效。

外部js怎么引用css?

1、DOCTYPE html你可以将脚本放置于 或者 中，放在 标签中的脚本与外部引用的脚本运行效果完全一致。

2、javascript 中使用，方法如下：如果是在 web 交互时，我们可以使用上述的方法通过 jQuery 或者 javascript 来引入一个 css 文件，否则还是建议使用原始的方法。

3、在c.css里写好你的样式：.cssStyle {你的样式}；然后在a.js里加入$(span).addClass(cssStyle)即可。

4、href=../styles/main.css / 这样在页面使用http：//localhost：8080/项目名/**.jsp访问test.jsp时就可以引用到dtree.js和main.css。

5、js 像是jquery-min.js 这样的可以放到 刚刚我说的 css引入的代码下一行，例如： alertWindow 若是功能性的js文件（你自己写的）一般放到 就是body结束标签之前比较好。

6、这里的不能丢，也不能写成这种形式，因为容易找不到外部js文件(src属性同img的src)。注意：type是一个未来趋势，在HTML 4 标准里并不赞成使用language属性，而赞成使用type属性。

当前文章：js如何追加css样式 js给div添加css样式
本文路径：http://myzitong.com/article/dgisscp.html