js点击给标签加类，js中给标签添加css

怎么用JS给HTML标签添加内容

1、sName：用来设置HTML标记的类型和基本属性。二 应用动态添加一个文本框本示例通过单击“动态添加文本”按钮，将在页面中动态添加一个文本框。

2、dhtml提供了两个方法来进行添加，insertAdjacentHTML和insertAdjacentText insertAdjacentHTML方法：在指定的地方插入html标签语句。

3、获取父节点元素varbody=document.getElementsByTagName(body)[0]。然后动态创建a标签vara=document.createElement(a)。把创建好的a标签追加到body下面body.appendChild(a)。

4、用JS给HTML标签添加内容，首先我们需要做的就是获取到要添加的元素，一般是通过给这个元素一个id，然后在通过document来获取，然后在使用innerHTML添加这个元素的内容就行可以了。

相关问答

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

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

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

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

high)； //设置p元素的class为 high大多数情况下，它是将原来的class替换为新的class，而不是在原来的基础上追加新的class。

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

Q2: js点击链接自动加一个class不生效?

1、你的这样的写法相当于ul下面有个class名为memu的标签，这个标签下面有一个li。出现了三级，和你的层级不一样，所以就不行啦。你改写成这样：$(ul[class=memu] li)这样就可以了。

2、(document).on(click，.class，function(){……})；相当于$(.class).live(click，function(){……})；js生成的元素绑定事件必须使用live，但新版的jq，已经淘汰了live，可以用on方法代替，但必须注意写法。

3、样式 加上去，而浏览器没有显示 ，这种情况多半是样式的继承和覆盖造成的，你在浏览器的开发者窗口里，看一下，颜色被哪一项覆盖了，然后就可以去查看是哪个地方出问题了。

4、取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类。.toggleClass( className )className 类型： String 在匹配的元素集合中的每个元素上用来切换的一个或多个（用空格隔开）样式类名。

5、这个恐怕不行 不过可以换种方法啊。在js处理class的时候，可以先判断是否包含某个class，如果包含了某个class，那这个js方法直接不做了。

6、你应该是想实现风琴菜单或者类似效果的吧？推荐使用jquery（轻量级的js封装组件）很方便的实现了风琴菜单。一定要用js的话代码太长了我给你点思路。首先为元素绑定onclick事件，一级li和二级li区别对待。

Q3: 如何用js给a标签随机添加一个class值?

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

可以使用jQuery的attr方法来实现对某一元素的的class的属性的添加或者删除，attr() 方法设置或返回被选元素的属性值.根据该方法不同的参数，其工作方式也有所差异，可以使用removeclass来删除class属性。

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

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

Q4: 用JS给标签加class属性

JavaScript允许你更改元素的class或id。当你更改之后，浏览器会自动更新元素的样式。

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

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

你应该是想实现风琴菜单或者类似效果的吧？推荐使用jquery（轻量级的js封装组件）很方便的实现了风琴菜单。一定要用js的话代码太长了我给你点思路。首先为元素绑定onclick事件，一级li和二级li区别对待。

class 属性是在标签上引用样式表的方法之一，它的值是一个样式表的选择符，如果改变了 class 属性的值，标签所引用的样式表也就更换了，所以这属于第一种修改方法。

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

关于js点击给标签加类和js中给标签添加css的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。