相当于Jquery的Javascript隐藏并显示

我有一个简单的隐藏和显示Jquery代码，我想询问是否有相当于这个javascript？ 这是我的代码。

JQUERY：

$(document).ready(function(){ $("#myButton").hide(); $("#1").click(function(){ $("#myButton").show(); $("#myButton").click(function(){ $("#myButton").hide(); }); }); }); 

HTML：

  Science   

我在下面的评论中遵循了一些代码，但它不起作用：

JavaScript的：

  document.getElementById('myButton').style.display = 'none'; function selectOptionsupdated(select){ document.getElementById('myButton').style.display = 'block'; }  

HTML：

  Science   

我想要的是，首先按钮被隐藏，当我点击标签“Science”时，按钮出现，当我点击按钮时，按钮在被点击后被隐藏。 如果还有更多的标签怎么办？ 对不起，我还是个初学者。 任何帮助将不胜感激。

Answer 1

这很简单

 document.getElementById('myElement').style.display = 'block'; // show document.getElementById('myElement').style.display = 'none'; // hide 

在你的选择中添加一个onSelect="selectOptionsupdated(this)

然后

 function selectOptionsupdated(select){ //do your stuff here } 

Answer 2

 var myButton = document.getElementById('myButton'); //hide myButton.style.display = 'none'; //show myButton.style.display = 'block'; 

选择标记的更新 。试试这个

HTML

  Science  

JS

 var list = document.getElementById('select'); list.addEventListener('change', listSelect, false); function listSelect(){ var selected = list.options[list.selectedIndex].value;//Selected option value //hide myButton.style.display = 'none'; //show myButton.style.display = 'block'; } 

Answer 3

 document.getElementById("button").style.visibility="visible|hidden|collapse|inherit";