<!DOCTYPE html>
<html>
<body>
<p id="demo">JavaScript 能改变 HTML 元素的样式。</p>
<script>
function myFunction()
{x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000"; // 改变样式
}
< button type="button" onlick="myFunction()">点击这里</button>
</script>
</body>
</html>
以上代码中，javascript代码插入在HTML代码中，通过function myFunction()捕捉onlick事件，执行javascript代码使onlick事件能够触发改变p段落颜色的功能。注意：把 JavaScript 放到了页面代码的底部，这样就可以确保在元素创建之后再执行脚本，毕竟先渲染静态页面，脚本才能去执行改变页面。
网友评论