javascript检查特定元素(iframe)是否存在,如果不存在,则添加子元素

javascript检查特定元素(iframe)是否存在,如果不存在,则添加子元素,javascript,Javascript,我想实现如下功能: var el = document.createElement("iframe"); el.setAttribute('id', 'ifrm'); document.body.appendChild(el); el.setAttribute('src', 'http://www.example.com'); 如果“ifrm”存在,jt将不会创建新的iframe。如果它不存在,它将创建该框架。我想这样做,以避免重复帧创建时,用户不断点击相同的按钮生成帧。有没有办法检查是否存在

我想实现如下功能:

var el = document.createElement("iframe");
el.setAttribute('id', 'ifrm');
document.body.appendChild(el);
el.setAttribute('src', 'http://www.example.com');

如果“ifrm”存在,jt将不会创建新的iframe。如果它不存在,它将创建该框架。我想这样做,以避免重复帧创建时,用户不断点击相同的按钮生成帧。有没有办法检查是否存在特定的iframe?谢谢

您可以使用getElementById('ifrm')检查具有该id的帧是否已经存在。如果没有,创建它。像这样:

if(!document.getElementById("ifrm")) 
   // Create the damn thing
如果您希望检查是否存在任何iframe,可以使用getElementsByTagName('iframe')


为了让生活更轻松一点,你可以看看。这是一个Javascript库,可帮助您创建DOM对象和/或在DOM树中查找它们。

更好的解决方案是完全删除按钮,或者从按钮中取消单击事件的绑定,并在单击按钮时将其禁用
if(document.getElementById("ifrm"))
   //then it exists
else
   //it doesn't exist yet