19、深入探索DOM高级特性与非侵入式脚本编程

香菜滚出地球

于 2025-11-23 14:10:15 发布

点赞数

CC 4.0 BY-SA版权

分类专栏： 24小时掌握JavaScript精髓文章标签： DOM JavaScript 非侵入式脚本

本文链接：https://blog.youkuaiyun.com/smartcontract5/article/details/155639811

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