javascript - 在 JavaScript 中更改分隔线的显示属性-6ren

javascript - 在 JavaScript 中更改分隔线的显示属性

转载作者：可可西里更新时间：2023-11-01 13:24:54

26

4

我正在用 HTML(当然还有 CSS 和 JS)开发这个程序，但是我在一些代码上遇到了问题，因为我想让一个区域可以管理，这样你就可以让它可见，或者在你想要的时候不可见.如果你不明白我的意思，我就用代码告诉你。

//browserSearching.js
// First, the variables!
	var link = document.getElementById("searchbar").value;
	var page = document.getElementsByTagName("iframe").src;

	var button = {
		menu: document.getElementById("dropdown"),
		enter: document.getElementById("enter"),
		back: document.getElementById("back"),
		forward: document.getElementById("forward")
	}

	var more = document.getElementById("more");

	// Now it is time for functions!

	function enableMore() {
		if (more.style.display == "block") {
			more.style.display == "none"
		} else {
			more.style.display == "block"
		}
	}

	function update() {
		link = document.getElementById("searchbar").value;

		setTimeout(update, 1);
	}

// style.css
#splitter {
		margin-bottom: 0px;
	}

// This part is not really needed

<!--Indext.html-->
<!DOCTYPE html>
	<html>
		<head>
			<title>Web Browser in Web Browser</title>
			<link rel="stylesheet" type="text/css" href="style.css" />
			<script src="data.js"></script>
		</head>
		<body style="margin: 0px;" onload="update();">
			<browser>
			<div id="top">

				<!-- First Layer -->
				<div id="tabs">
					<tab></tab>
				</div>
				<br /><!-- Second Layer --> <hr />
				&#160;
				<button id="back">&#60;</button>
				<button id="forward">&#62;</button>
				<button id="home">H</button>

				<input id="searchbar" style="width: 1107px;" />
				<button id="enter" onclick="page = link;">Ent</button>

				<button id="dropdown" onclick="enableMore();"> : </button>

				<div id="more" style="display: none;">

					<!-- This is all one button, and it was hard! -->
					<label for="themes" class="button">Upload CSS Theme</label>
					<input id="themes" style="display: none;" type="file" />
					<!-- End of the button -->
				</div>
			</div>
			<hr id="splitter"/>
			<iframe name="webpage" src="browser.html" width="1277.5px" height="640px" style="border-width: 0px;"></iframe>
		</browser>
		<script src="browserSearching.js"></script>
		</body>
	</html>

你明白我想说的了吗？只需按下 [:] 按钮...按下时不会显示任何内容

最佳答案

在您的 enableMore() 函数中，您在进行比较时需要进行赋值。

将 == 更改为 =，如下所示:

function enableMore() {
    if (more.style.display == "block") {
        more.style.display = "none" // Double-equals changed to single
    } else {
        more.style.display = "block" // Double-equals changed to single
    }
}

Working Codepen

关于javascript - 在 JavaScript 中更改分隔线的显示属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40336659/

26

4

0

文章推荐： javascript - AngularJS，<选择>。

文章推荐： Python/tkinter - 如何在 Windows 上获取包括边框的窗口大小？

文章推荐： php - 具有 CodeIgniter 上传类的文件权限

javascript - 多个选择的复选框下拉列表由 ; 分隔
我正在尝试从下拉列表中创建一个多选复选框，并通过 ; 连接所选结果。我的代码是这样的: var myobject = { ValueA : 'Text A', ValueB : 'T
javascript - 获取输入值并以 "|"分隔
我有输入，我需要获取值并用 “|” 符号分隔。我的输入: 输出我需要的: 00:00|00:00|00:00 我的代码是: (而且它不工作) var timesArray = $('table').
mysql - 数据库中的拆分数字由破折号 (-) 分隔
我正在尝试将超过 400 万行的列拆分为 4 个新列，问题是我不知道在哪里查看或我应该使用 Google 搜索哪个术语。 (是的，我已经在 Google 和 Stack 中搜索了一个类似的问题，但只在
javascript - 分隔 .CSV 文件中的数字
我有一个很大的 csv 文件，其中充满了用“|”分隔的数字字符，例如: 432452 | 543634 4122442 | 41256512 64523 | 12416 然后我读入数据如下: fs
C# 分隔 args 参数
我有一个程序可以计算多个数字的阶乘。这些数字在 cmd 中作为参数传递: factorial.exe 3 4 5 这将分别计算 3、4 和 5 的阶乘。该程序的早期版本有一个百分比显示堆栈的完整性。我
java - java中根据 "."分隔 double
这个问题已经有答案了: 奥 git _a (6 个回答) 已关闭 9 年前。我有一个双数“547.123456” 我只想使用这个 double 作为“547.1”，就像“.”后面只有 1 个数字我
C# 分隔 args 参数
我有一个程序可以计算多个数字的阶乘。这些数字在 cmd 中作为参数传递: factorial.exe 3 4 5 这将分别计算 3、4 和 5 的阶乘。该程序的早期版本有一个百分比显示堆栈的完整性。我
java - 分隔 arraylist 的元素
我有一个 ArrayList，其中包含一个 messageId、一个 -、一个用户名。示例:E123-sam 我想划分 List 的每个元素，使得 - 之前的部分进入一个 ArrayList ，而之
python - 分隔 Pandas 数据框中共享同一列的月份和年份
我目前有一个“日期”列作为 pandas 数据框的索引，其格式为: January February .... Year2 January February ... Year3 (它来自 pdf 表格
c - mdb工具sql查询表 namespace 分隔
我正在尝试对我的 .mdb 数据库进行 ODBC 查询。我正在使用 mdbtools 驱动程序。该代码是使用 Eclipse 用 C 语言编写的。唯一的问题是，当我写例如: "SELECT 'last
java - 分隔 "if else"语句
我需要知道如何将这两个if else 部分分开。 public static int NextBday(int Bdays, int days){ int daysleft = 0;
mysql - 如何使用计数一列并由每个 id 分隔
我想计算我的员工分开但合并在一起的出勤率 My target output 我的代码 SELECT count(employees_id) as numbers FROM attendance WH
php - 我想在一个单独的列中插入多封电子邮件，并用 # 分隔
关闭。这个问题需要details or clarity .它目前不接受答案。想改进这个问题吗？通过 editing this post 添加细节并澄清问题. 关闭 7 年前。 Improve t
java - 分隔 arraylist 中的每个项目
下面是我的代码的一小段摘录，它从 API 添加了一行。总共有很多行。每一行包含一行数据如 TY8tr,50,34,P,SB, 数据行在数据类型上是一致的。我如何通过 ,'s 拆分数组列表中
javascript - 获取选中的元素并用逗号分隔它们，最后一个元素用 "and"分隔
我想获取选中的元素并用逗号分隔它们，最后一个元素用“and”分隔它的显示输出为: 我想删除最后一个元素后面的逗号 (,) 并在它前面添加 'and'，例如 Sugar, Milk and Extra
javascript - 分隔 JSON 对象的值
我是 JSON 的新手，但在从已解析的 JSON 对象中提取数据时遇到问题: 我有一个 getstats.php 文件，它回显 mysql 查询的 json 编码结果。以下是 php 文件返回的示例:
C++ 字符串解析以 0 分隔
我有一个像这样的数字/字符串(我不确定如何将 int 与字符串相互转换) 000000122310200000223340000700012220000011411000000011011271043

python - 分隔

标签内的文本

我想尝试一些基本的网络抓取，但遇到了一个问题，因为我习惯了简单的 td-tags，在这种情况下，我有一个网页，其中包含以下预标记和其中的所有文本，这意味着刮掉它有点棘手。 11111111 1111

C# 分隔 TCP 消息
出于练习目的，我正在开发 TCP 客户端/服务器系统，我想在两者之间发送特定数据。我已经能够发送字节并让它们显示为字符串。此外，我还可以发送一个特定的字符串(“mb”)并在服务器端弹出一个 Mess
java - 分隔 Unicode 连字字符
在大量的 unicode 字符中，有一些实际上表示多个字符，例如两个 'f' 字符的 U+FB00 连字 ff。有什么方法可以轻松地将这样的字符转换为多个单个字符？最好是标准 Java API 中可用

首页

博学

6Ren·AI

商城

javascript - 在 JavaScript 中更改分隔线的显示属性