JavaScript语法形式2 内部式

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<!-- 内部式

定义 script 标签 , 在 script 标签中,来定义JavaScript程序代码

理论上 script 标签, 可以定义在html文件的任意位置

推荐的位置是 body 标签的最下方

原因是,代码的执行顺序

计算机程序代码执行,顺序,是从上至下从左至右

-->

// 通过 JavaScript 代码,来操作div标签的内容和样式

// 你必须要确保,你执行JavaScript代码时,你的div标签是已经存在的

const oDiv = document.querySelector('div');

oDiv.onclick = function(){

this.innerHTML = '北京今天特别热';

this.style.color = 'red';

}

</script>

</body>

</html>

原始的样子

点击之后的样子

posted on 2020-11-04 00:48 Tsunami黄嵩粟阅读(92) 评论(0) 编辑收藏举报