【JavaScript】事件
【摘要】 介绍HTML事件是发生在HTML上的事情当运行时，js可以应付这些事件对字段进行修改点击按钮加载网页 更改HTML的内容通过点击按钮，我们将会把变量name的内容进行修改<!DOCTYPE html><html><body><h1>更改HTML的内容</h1><button onclick="document.getElementById('name').innerHTML='黑城笑'">...
介绍
HTML事件是发生在HTML上的事情
当运行时，js可以应付这些事件
- 对字段进行修改
- 点击按钮
- 加载网页
更改HTML的内容
通过点击按钮，我们将会把变量name的内容进行修改
<!DOCTYPE html>
<html>
<body>
<h1>更改HTML的内容</h1>
<button onclick="document.getElementById('name').innerHTML='黑城笑'">我的名字是：</button>
<p id="name"></p>
</body>
</html>
更改自身元素
除了可以更改HTML内容外，js还可以对自身元素进行修改
<!DOCTYPE html>
<html>
<body>
<h1>更改自身内容</h1>
<button onclick="this.innerHTML='我是黑城笑'">我的名字是</button>
</body>
</html>
通过调用函数来更改HTML内容
我们最通常使用的其实是事件属性调用函数
<!DOCTYPE html>
<html>
<body>
<h1>通过调用函数来更改HTML内容</h1>
<p>点击按钮调用函数来显示HTML内容</p>
<button onclick="myName()">我的名字是：</button>
<script>
function myName() {
document.getElementById("name").innerHTML = '黑城笑';
}
</script>
<p id="name"></p>
</body>
</html>
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）