改变JavaScript中分隔符的显示属性

changing display property of a divider in JavaScript

本文关键字：显示 属性 分隔符 JavaScript 改变      更新时间：2023-09-26

我正在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
    }
}
工作Codepen

相关文章：