JS设置CSS样式

2025-10-30 00:16:03

1、新建一个HTML文档,如图:

JS设置CSS样式

2、为<h1>标签设置CSS样式,示例:

    <style>

        h1{

            color:green;

        }

    </style>

JS设置CSS样式

3、保存以上内容,并初步在浏览器预览效果

JS设置CSS样式

4、创建JS,并获取操作对象,示例:

var geth1=document.getElementsByTagName("h1")[0];

JS设置CSS样式

5、设置DOM对象的CSS样式中的颜色属性,示例:

geth1.style.color="gray";

JS设置CSS样式

6、再次保存文件,并在浏览器预览设置CSS后的效果

JS设置CSS样式

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢