JavaScript基础8

最新推荐文章于 2024-05-21 19:09:41 发布

VIP文章折翼天使【*-*】

最新推荐文章于 2024-05-21 19:09:41 发布

阅读量181

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_52188375/article/details/109896636

版权

JavaScript_8

1. DOM对象

DOM--Document Object Model[文档对象模型]

当网页被加载时，浏览器会创建页面的文档对象模型。

HTML DOM 模型被构造为对象的树

Html文件

<html>
<head>
<title>My title</title>
</head>
<body>
<a href=””>My link</a>
<h1>My header</h1>
</body>
</html>

2. DOM可以完成的功能

1.JavaScript 能够改变页面中的所有 HTML 元素

2.JavaScript 能够改变页面中的所有 HTML 属性

3.JavaScript 能够改变页面中的所有 CSS 样式

4.JavaScript 能够对页面中的所有事件做出反应

3. 查找 HTML 元素

为了做到这件事情，您必须首先找到该元素。有三种方法来做这件事：

3.1. getElementById(id属性值);通过 id 查找 HTML 元素（id属性相同时，只能得到第一个元素）

例如:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			//getElementById(id属性值);通过 id 查找 HTML 元素
			function testByID(){
				var p1=document.getElementById("p1");
				//p1--[object HTMLParagraphElement];  DOM对象
				p1.style.fontSize="50px"

最低0.47元/天解锁文章

折翼天使【*-*】

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础8

JavaScript_81. DOM对象 DOM--Document Object Model[文档对象模型] 当网页被加载时，浏览器会创建页面的文档对象模型。 HTML DOM模型被构造为对象的树 Html文件<html><head><title>My title</title></head><body><a href=””>My link</a><h1...
复制链接

扫一扫