如果单击iframe高度更改

Question

单击时我需要更改iframe的高度。 iframe是使用以下代码创建的：

var box = document.createElement('iframe');
box.id = "statasa";
box.setAttribute('onclick', 'getmap()');
box.src = 'http://www.mysite.com/map.php';
box.frameBorder = 1;
box.style.border = 1;
box.style.overflow = 'hidden';
box.style.cursor = 'pointer';
box.style.width = '300px';
box.style.height =  '720px';
box.style.position = 'absolute';
document.getElementsByTagName('body')[0].appendChild(box);

这就是功能：

function getmap() {
    d = document.getElementById('statasa');
    d.style.width="150px";
    d.style.height="150px";
}

错误在哪里？有更简单的方法吗？

Answer 1

您无法在iframe中检测到点击事件。请参阅Detect Click into Iframe using JavaScript。

---

至于问题的第二部分，简化的一种方法是：

box.setAttribute('onclick', 'getmap()');

使用：

box.onclick = getmap();