原生js创建元素并设置样式，原生js给元素添加样式

JS怎么设置一个元素的样式

1、这样应该是不行的吧，或者是我还不会，而且要修改的话直接去css文件修改就好了，如果用js修改的话可以添加新的样式覆盖原来的样式，直接修改类名的话会使得操作复杂度加深，无法很好得进行维护。

2、如果要在JavaScript中更改页面样式，需要更改元素的样式属性，下面我们就来看看具体的实现内容。

3、js通过class改变样式，可以使用Dom的className属性设置元素的样式。

4、document.getElementById(div1).className = cc；这是完全正确的。

5、用JS给div添加样式是通过js操作css来实现的。

6、jQuery里封装的有addClass函数，调用十分方便，那么用JS如何实现呢，下面我们来介绍下。

相关问答

Q1: 如何用javascript为元素添加class

1、其实只需要用到document.querySelector(选择器)和结合classList. add(类名）即可。

2、把a元素获取到，直接添加class属性就可以了，代码如下： var oA = document.getElementById(a)； oA.class = heikuai；/sciprt用浏览器打开，审查元素：再看这个a元素时，a就带了这个class 属性了。

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

4、当你更改之后，浏览器会自动更新元素的样式。是className，可不是class 注意：JavaScript使用的是className去访问class属性，因为class是一个保留关键字，因为将来JavaScript可能开始支持像Java一样的类。

5、jQuery里封装的有addClass函数，调用十分方便，那么用JS如何实现呢，下面我们来介绍下。

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

Q2: js实现addClass添加样式

JS里添加样式的方法：首先，要创建标签，使用document.createElement函数，如图创建div标签。使用其className设置class，id设置id，style设置样式。样式的设置也可以分项进行。

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

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

返回值为true false判断div是否有demo的样式类$(“div”).hasClass(“demo”)(2)添加样式类addClass(name)//name指需要添加的样式类名，注意参数不要带点.//给div添加demo的样式。

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

Q3: Js动态创建的元素,如何设置他们的样式?我知道委托可以绑定事件,但是...

1、接下来，我将详细介绍三种设置元素样式的方式。

2、首先，要创建标签，使用document.createElement函数，如图创建div标签。使用其className设置class，id设置id，style设置样式。样式的设置也可以分项进行。如图是分项设置其left，top，display，position，width几个样式。

3、最好是在元素生成的时候就加上事件，不然的话比较麻烦。在jquery中，你也可以用live()和delegate()这样的方法绑定元素，是实时监听的。

Q4: 如何利用javascript函数添加css样式代码实例详解

制作一个响应式导航条，能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式，这里主要用到的就是CSS3的Media Query。

随机载入CSS样式的JS效果实际上很好实现，本文的代码如下，具体思路是用一个默认的CSS样式：default.css。另外再用三个其他名称的CSS：skincss，skincss，skincss。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签，输入js代码：$(head).append(div{font-size： 32px；})；。

首先，要创建标签，使用document.createElement函数，如图创建div标签。使用其className设置class，id设置id，style设置样式。样式的设置也可以分项进行。如图是分项设置其left，top，display，position，width几个样式。

Q5: JS里添加样式

1、用JS给div添加样式是通过js操作css来实现的。

2、在页面内用JS操作CSS除非用AJAX，但操作页面内的样式的话，是可以的。

3、注意：在一个已经引入外部js文件的script标签中，不能在它的开始标签和结束标签中写Js命令了。

4、).children().eq(1).addClass(open)；(#menu_zzjsnet).children().eq(1).siblings().removeClass(open)})；判断依据不一定是序号，你也可以自定义，灵活应用，能找到你要的那个标签就行，重点是样式。

5、hover是鼠标滑过时改变样式，要实现点击改变的话可以用js或者jQuery来实现；假设点击时的样式表为a；那么给li绑定个点击事件，当li被点击时移除其他li的a样式，给当前被点击的加上a样式。

原生js创建元素并设置样式的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于原生js给元素添加样式、原生js创建元素并设置样式的信息别忘了在本站进行查找喔。