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

code8

于 2025-11-23 10:43:09 发布

阅读量1

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/code8/article/details/155622905

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

会员秒杀 ¥9.9 重磅福利

超级会员免费看