JS 高手在哪里?JS添加标签class

JS 高手在哪里?JS添加标签class,第1张

jquery会用么?

$('div[ID=xxx]').removeAttr('css').attr('CSS','yourCssName')

纯JS应该是这么用吧好久不用了

document.getElementById('xx').className=''

document.getElementById('xx').className=MyCssName

纯JS:

var _setCss=function(_id){

document.getElementById(_id).className=''

document.getElementById(_id).className=MyCssName

}

-------------------分割线--------------------------------

JQ:

var _setCss=function(_id){

$('div[ID=_id]').removeAttr('css').attr('CSS','MyCssName')

}

<div class='a' onmouseover='_setCss()'></div>

纯手写的 没在编译器里跑 大概是这个意思 (*^__^*) 嘻嘻……

1、class是选择调用CSS样式的属性,可以复用,也就是说一个class的属性的样式可以用在多个标签上面,也可以同时使用多个class。具体的用法用一个示例演示,首先需要打开html编辑器新建一个html文件,在里面写入3个按钮

2、下面分别给按钮1和按钮2设置class属性为btn1,按钮3的class设置为btn1和btn2,然后在style标签中设置样式,btn1设置一个背景色,btn2设置边框和边框的圆角:

3、最后打开浏览器,可以看到前两个按钮的颜色是一样的,最后一个按钮的颜色不光一样,还有边框和圆角。这就是class属性在html里面的用法:

<!-- 你说的class是指样式吧,如果是样式的话,最简单的方法就是 -->

<html>

<head>

    <script type="text/javascript">

        // 这里直接写出一个样式

        document.write("<style type='text/css'>.new { color:red }</style>")

    </script>

</head>

<body>

    <span class="new">测试</span>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11835381.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存