• 技术文章 >web前端 >js教程

    javascript怎么增加class

    藏色散人藏色散人2021-09-10 15:11:00原创103

    javascript增加class的方法:1、创建一个p元素;2、通过“<script>document.getelementbyid("aa").classname="bbbb";</script>”方式为元素添加class即可。

    本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    javascript怎么增加class?

    首先我们来创建一个p元素,在里面写上hello:

    3bba8e12756f04ab15d4e9838fd8b69.png

    在浏览器界面上的显示如下:

    c1dee186eeb3207808907b696c97d0e.png

    接下来,就可以用js为元素添加class了:

    d4a3f6985b9f232478c9e31a9601f28.png

    加好后,让我们在浏览器控制台看看结果:

    912debe3be81773ba990f3bebb513a0.png

    是不是很简单呢,加好之后,你就可以利用class来动态添加一些样式,很方便,移除后样式也就没了。

    7da417eac7f911b0f55321429c41a0e.png

    推荐学习:《javascript基础教程

    以上就是javascript怎么增加class的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript class
    上一篇:es6箭头什么意思 下一篇:javascript如何取指定字符
    线上培训班

    相关文章推荐

    • 15个值得收藏的实用JavaScript代码片段(项目必备)• javascript怎么实现购物车效果• JavaScript怎么去掉结尾空格• javascript如何添加框

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网

    ”方式为元素添加class即可。","pubDate": "2021-09-10T15:11:00","upDate": "2021-09-10T15:11:00","data": {"WebPage": {"headline": "javascript怎么增加class","wapUrl": "https://m.php.cn/article/481795.html","pcUrl": "https://www.php.cn/js-tutorial-481795.html","fromSrc": "php中文网","domain": "电子科技","category": ["问答"],"isDeleted": 0},"Question": [{"acceptedAnswer":"javascript增加class的方法:1、创建一个p元素;2、通过“”方式为元素添加class即可。"}],"ImageObject": [{"contentUrl": "https://img.php.cn/upload/article/202109/10/2021091015034714409.jpg","scale": "5:2"}],"Author": [{"name": "php中文网","jobTitle": ["php公益学习平台"],"headPortrait": "https://img.php.cn/upload/article/000/000/003/5d1b23156bf94358.png"}]}}