19、高级 DOM 特性与不显眼脚本编写

最新推荐文章于 2025-11-28 16:31:53 发布

脑补型产品

最新推荐文章于 2025-11-28 16:31:53 发布

阅读量2

点赞数

CC 4.0 BY-SA版权

分类专栏： 24小时掌握JavaScript精髓文章标签： DOM JavaScript 不显眼脚本

本文链接：https://blog.youkuaiyun.com/mongodb5scout/article/details/155639253

24小时掌握JavaScript精髓专栏收录该内容

32 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

高级 DOM 特性与不显眼脚本编写

1. 高级 DOM 特性应用

1.1 隐藏和显示对象

可以使用 DOM 对象来操作网页，例如创建一个脚本隐藏或显示页面中的对象。对象有一个 visibility 样式属性，用于指定它们在页面中是否可见：

Object.style.visibility = "hidden"; // 隐藏对象
Object.style.visibility = "visible"; // 显示对象

以下是一个完整的 HTML 文档示例，允许通过复选框显示或隐藏两个标题：

<html>
<head>
<title>Hiding and Showing Objects</title>
<script language="Javascript" type="text/javascript">
function ShowHide() {
    if (!document.getElementById) return;
    var head1 = document.getElementById("head1");
    var head2 = document.getElementById("head2");
    var showhead1 = document.form1.head1.checked;
    var showhead2 = document.form1.head2.c