JavaScript事件，获取对象，触发事件

心之所向：

已于 2022-04-19 09:01:27 修改

阅读量676

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 html

于 2022-03-10 14:38:20 首次发布

本文链接：https://blog.csdn.net/weixin_61931299/article/details/123399897

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

HTML 事件是发生在 HTML 元素上的事情。
当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。
HTML 事件可以是浏览器行为，也可以是用户行为。
以下是 HTML 事件的实例：
1.HTML 页面完成加载
2.HTML input 字段改变时
3.HTML 按钮被点击
通常，当事件发生时，你可以做些事情。
在事件触发时 JavaScript 可以执行一些代码。
HTML 元素中可以添加事件属性，使用 JavaScript 代码来添加 HTML 元素。
1.onclick关键字就是触发事件属性。
①几种获取对象的方式

document.getElementById("");//通过id获取
document.getElementByTagName("");//通过标签名获取
document.getElementByClassName("");//通过类名获取
document.body//获取body

②几种修改内容的方法

document.getElementById("").innerHTML=   ;//修改....的元素内容
this.innerHTML=   ;//修改本身的元素内容
document.getELementById（“id”）.value=;

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		#B{height: 50px; width: 50px;}
		#ff{font-size: 100px;color: aqua;text-align: center;}
		</style>
		<script type="text/javascript">
		function picture(PHF){
	document.body.style.backgroundColor=PHF;
		}	
		function change(){ 
			document.getElementById('ff').innerHTML="今天星期四";
		}
		</script>
	</head>
	<body>
		<input type="button" onclick="picture('orange')" value="橙色"/>&nbsp;&nbsp;&nbsp;
			<input type="button" onclick="picture('yellow')" value="黄色"/>&nbsp;&nbsp;&nbsp;
				<input type="button" onclick="picture('black')"value="黑色"/>
				<input type="button" onclick="change()"value="点击改变内容"/>
				<button onclick="this.innerHTML=Date()">现在的时间是?</button>
				<p id="ff">今天星期几</p>
	</body>
</html>

心之所向：

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript事件，获取对象，触发事件

HTML 事件是发生在 HTML 元素上的事情。当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。HTML 事件可以是浏览器行为，也可以是用户行为。以下是 HTML 事件的实例：1.HTML 页面完成加载2.HTML input 字段改变时3.HTML 按钮被点击通常，当事件发生时，你可以做些事情。在事件触发时 JavaScript 可以执行一些代码。HTML 元素中可以添加事件属性，使用 JavaScript 代码来添加 HTML 元素。1
复制链接

扫一扫