javascript – 按钮onclick,一切都消失了

我一直在尝试编写一个模拟这个例子的代码(下面的代码).

function closeMe(){

   		x=document.getElementById("demo");

   		x.style.display="none";

	}

function openMe(){

   		x=document.getElementById("demo");

   		 x.style.display="block";

	}

	<h1>Changing the Style</h1>
	<p>JavaScript can change the style of an HTML element.</p>

	<button type="button" onclick="openMe()">Open!</button>
	<button type="button" onclick="closeMe()">Close!</button>

	<p id="demo">Extra details...You can open and close this paragraph using the buttons above.</p>

不幸的是,在我自己的代码中,当我点击“打开”按钮时,所有的东西都消失了.我无法弄清楚为什么.

function open() {
  x = document.getElementById("demo");
  x.style.display = "block";
}

function close() {
  x = document.getElementById("demo");
  x.style.display = "none";
}

<p id="demo">Click me to change my HTML content (innerHTML).</p>

<p> this shouldnt disappear</p>

<button onclick="open()">open button</button>

<button onclick="close()">close button</button>

谁能给我一些善意的建议？

解决方法:

开放式close是保留关键字.您需要重命名关闭&开放的方法.

open()方法打开一个新的浏览器窗口.

close()方法关闭窗口.

标签：javascript,html,buttonclick
来源： https://codeday.me/bug/20190722/1499938.html