javascript - 如果单击，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 中检测到点击事件。请参阅使用 JavaScript 检测点击进入 Iframe。

---

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

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

利用：

box.onclick = getmap();