在JavaScript中更改分隔符的显示属性

Question

I am working on this program in HTML (with of course CSS and JS) but I am having troubles with some code cause I want to make an area be managable so that you can make it visible, and invisible when ever you want. 我正在用HTML编写这个程序（当然还有CSS和JS），但我遇到了一些代码问题，因为我想让一个区域可以管理，这样你就可以把它看成是可见的，当你想要的时候看不见它。 if you dont get what I mean, I will just show you in code. 如果你不明白我的意思，我会告诉你代码。

 //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>

do you get what I am trying to say now? 你现在得到我想说的话吗？ just press the [:] button... it doesn't show anything when pressed 只需按[：]按钮......按下时不会显示任何内容

Answer 1

In your enableMore() function, you're doing a comparison, when you need to do an assignment. 在enableMore()函数中，当您需要执行赋值时，您正在进行比较。

Change your == to = as follows: 将您的==更改为= ，如下所示：

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 工作Codepen

在JavaScript中更改分隔符的显示属性

问题描述

1 个解决方案

解决方案1
2 已采纳 2016-10-31 04:48:26

在JavaScript中更改分隔符的显示属性

问题描述

1 个解决方案

解决方案1 2 已采纳 2016-10-31 04:48:26

解决方案1
2 已采纳 2016-10-31 04:48:26