Question

我一直在寻找Stack Overflow的解决方案，我甚至从W3Schools复制了一些简单的代码，但两者似乎都没有用。

这是我目前的代码（简化）：

<script language="javascript">
  function remove() {
    document.getElementById('vraagkader').style.display = "none";
  }
</script>

<head>
</head>
<body>
  <div id="vraagkader" style="display: block">
    <?php
      echo "<form name='test'><input type='submit' name='5050' value='5050' onClick='remove()'></form>";
    ?>
  </div>
</body>

现在也：

<script language="javascript">
  function remove() {
    if (document.getElementById('vraagkader').style.display !== "none";) {
      document.getElementById('vraagkader').style.display = "none";
    }
  }
</script>

不能工作......

我还尝试先在CSS中设置它，然后尝试使用JavaScript编辑它：

#vraagkader {
  display: block;
}

然后使用相同的JavaScript，但也不起作用。

现在所有这些似乎都没有因某种原因而起作用。谁能告诉我为什么？

Answer 1

您的问题是您的按钮是“提交”。单击它时，它会重新加载页面。当然，它也会删除div，你的代码也可以。但页面立即重新加载，因此它的再生速度比您的眼睛能够看到的更快。将.getParrent()更改为type="submit"，您应该没问题。

http://codepen.io/jeremythille/pen/VpzWMW

Answer 2

function foo(title, year) {
	if (title.charAt(title.length - 1) == ")")
		return title.replace(")",  "/" + year + ")");
	else
		return title + " (" + year + ")";
}

console.log(foo("My Title (ABC)",1996));
console.log(foo("My Title",1996));

function remove() {
    document.getElementById('vraagkader').style.display = "none";
	return false;
  }

使用带有JavaScript的按钮隐藏div标签

2 个答案: