美文网首页
学习javascript!

学习javascript!

作者: Wind_Zhan詹 | 来源:发表于2017-12-21 10:48 被阅读0次

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

相关文章

网友评论

      本文标题:学习javascript!

      本文链接:https://www.haomeiwen.com/subject/dqbowxtx.html