JavaScript函数调用

时间:2012-12-07 12:03:11

标签: javascript function onclick

外部,内部和过滤器是DIV,外部包含内部,过滤器是独立的。

执行关闭功能的按钮位于内部div中。单击该按钮,该功能不会被执行,但是当从地址栏执行时,它会执行

即javascript:close();在地址栏中执行的工作正常。如何使这项工作,什么是错误?已花了好几个小时

<script type=text/javascript>
function close() {
  var x = document.getElementById("outer") ;
  var y = document.getElementById("inner") ;
  var z = document.getElementById("filter");    
  x.style.height = "0px" ;
  y.style.height = "0px";
  z.style.height = "0px";
  x.style.overflow = "hidden";
}
</script>

<div id="filter"></div>

<div id="outer"> 
  <div id="inner">
    <button onclick="close()">Close</button>
  </div>
</div>

2 个答案:

答案 0 :(得分:4)

将您的close()function close()重命名为closeme()关闭是保留字查看来自xiaoyi

的评论

See this fiddle

答案 1 :(得分:2)

现在可以使用:http://jsfiddle.net/ckrxV/

问题在于,已经在javascript

中定义了名称“close”
function close1() {
var x = document.getElementById('outer');
var y = document.getElementById('inner');
var z = document.getElementById('filter');
alert('worked');
x.style.height = "0px";
y.style.height = "0px";
z.style.height = "0px";
x.style.overflow = "hidden";
}​