JS:获取元素及操作元素代码

最新推荐文章于 2024-09-02 07:00:00 发布

一染星辰

最新推荐文章于 2024-09-02 07:00:00 发布

阅读量343

点赞数

分类专栏： javascript概念 p2 原生js 文章标签： html5 javascript html

本文链接：https://blog.csdn.net/weixin_59519449/article/details/120627992

版权

本文详细介绍了如何在JavaScript中获取和操作HTML元素，包括选择元素、属性操作、DOM操作等内容，是JavaScript网页动态效果实现的基础。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.d1{
				width: 100px;
				height: 100px;
				border: 1px solid;
			}
			.p1{
				width: 200px;
				height: 200px;
				border: 3px solid;
			}
			.p2{
				width: 300px;
				height: 300px;
				background: skyblue;
			}
			.active{
				font-size: 50px;
			}
		</style>
	</head>
	<body>
		<div id="box">
			<div class="d1" name="myD1" data="d">
				我是div
			</div>
			<span></span>
			<p class="p1">
				p
			</p>
			<button type="button" onclick="changeFn()">切换</button>
		</div>
		<script type="text/javascript">
			var d1 = document.querySelector(".d1");
			var p = document.querySelector("p&

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一染星辰

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS:获取元素及操作元素代码

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .d1{ width: 100px; height: 100px; border: 1px solid; } .p1{ width: 200px; height: 20.
复制链接

扫一扫