在javascript中切换，更改默认值

我想在我的网站上放置一个隐藏/显示文本按钮。我使用的代码是：

<script type="text/javascript">
function toggleMe(a){
var e=document.getElementById(a);
if(!e)return false;
if(e.style.display=="none"){
e.style.display="block"}
else{
e.style.display="none"}
return false;}
</script>

<input type="button" onclick="return toggleMe('para1')" 
value="Show Abstract"><br>
<p id="para1">
<font color="#000000" size="2"><span style="line-height:24px">I study the sun. &nbsp;</span></font>
</p>

功能切换表（a）{
var e=document.getElementById（a）；
如果（！e）返回false；
如果（e.style.display==“无”）{
e、 style.display=“block”}
否则{
e、 style.display=“无”}
返回false；}



我研究太阳。

---

结果是成功的，按钮可以工作，但是默认情况下它已经显示文本，因此第一次单击会隐藏文本。我希望相反，文本是隐藏的，只有在用户单击时才会显示。

只需将

style=“display:none”

添加到应该隐藏的元素。或者使用

Window.getComputedStyle（）

获取元素的

style

属性<代码>元素。样式将只读内联应用样式。只需设置显示：无；最初？这三个答案听起来很直观，但在实施时，它们都不起作用。对我来说效果很好：。