php课程---JavaScript改变HTML中的元素

最新推荐文章于 2025-09-08 20:15:10 发布

转载最新推荐文章于 2025-09-08 20:15:10 发布 · 65 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/0927wyj/p/5204422.html

文章标签：

#php #javascript #xhtml #ViewUI

本文介绍了一个使用HTML和JavaScript创建的简单听歌小插件，通过点击按钮触发函数来显示音乐播放状态，并用注释解释了代码逻辑。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
function myfunction()
{
  document.getElementById("demo").innerHTML = "亲爱的，我在听歌！";
}
</script>
</head>
<body>
<h1>My Wed Page</h1>
<p id="demo">你在干嘛？</p>
<button type="button" onclick="myfunction()">一定要点这里哟！</button>

</body>
</html>

转载于:https://www.cnblogs.com/0927wyj/p/5204422.html