Question

我正在使用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>

你现在得到我想说的话吗？只需按[：]按钮......按下时不显示任何内容

Answer 1

在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中更改分隔符的显示属性

1 个答案: