学习javascript!

<!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 放到了页面代码的底部,这样就可以确保在元素创建之后再执行脚本,毕竟先渲染静态页面,脚本才能去执行改变页面。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。