js通过class获取标签里面的内容、修改class属性

最新推荐文章于 2025-06-29 19:27:32 发布

原创最新推荐文章于 2025-06-29 19:27:32 发布 · 4.7w 阅读

6 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

73 篇文章

订阅专栏

博客主要介绍了使用JavaScript通过class获取标签里的内容，同时还涉及修改class属性的操作，并且展示了相关效果，均提供看源码的指引。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js通过class获取标签里面的内容——看源码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p class="demo">演示</p>
</body>

<style>
</style>

<script>
    window.onload = function () {
        var demo = document.getElementsByClassName("demo");
        console.log(demo[0].innerText);
    }
</script>

</html>

修改class属性——看源码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p class="demo">演示</p>
</body>

<style>
    .attribute-changes{
        color:blue;
    }
</style>

<script>
    window.onload = function () {
        var demo = document.getElementsByClassName("demo");
        demo[0].className="attribute-changes";//属性修改
    }
</script>

</html>

效果：