用javascript能改变html元素样式

Mona-ZJJ

于 2018-08-02 13:54:39 发布

阅读量659

点赞数

CC 4.0 BY-SA版权

文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/weixin_40544724/article/details/81357564

本文介绍了一种简单的方法，通过JavaScript来改变HTML元素的样式。具体实现方式是将JavaScript代码放置于网页底部，并通过按钮触发样式更改功能。这种方式确保了在执行脚本前已加载完成所需的HTML元素。

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

<body>
<h1>我的第一段javascript</h1>
<p id="demo">javascript能改变html元素样式</p>
//把 JavaScript 放到了页面代码的底部，这样就可以确保在 <p> 元素创建之后再执行脚本。
<script>
    function myFunction() {
        x = document.getElementById("demo");//找到元素
        x.style.color = "#ff0000";//改变样式
    }
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>