调用iframe方法报错：getElementsById不是函数，如何访问iframe内对象值？

先拆解你遇到的两个核心问题，一步步来解决：

1. 方法名拼写错误 #

你代码里写的 getElementsById 是语法错误！正确的方法名是 getElementById（注意末尾没有s）——因为HTML里的id是唯一标识，所以对应的方法是单数形式。不过这只是小问题，真正让你卡壳的是下面的跨域限制。

2. 浏览器同源策略拦截 #

这是关键障碍：你嵌入的iframe指向的是developers.google.com域名下的页面，而你的页面肯定属于另一个域名。浏览器的同源安全策略会严格阻止脚本访问不同域的iframe内部DOM，哪怕你修正了方法名，也会被浏览器直接拦截，这是浏览器内置的安全机制，防止恶意网站窃取其他站点的敏感内容。

替代解决方案（合法获取Place ID） #

直接操作这个谷歌官方iframe的DOM是行不通的，推荐用这些合规方式：

• 使用谷歌官方的Place ID查找API：通过API请求直接获取Place ID，无需依赖外部iframe。
• 自建搜索界面：利用Google Places Autocomplete API，在你自己的页面里构建搜索框，直接获取结果，完全避开跨域问题。

语法修正示例（仅作同域场景参考） #

如果是同域的iframe，你的代码应该改成这样（但对谷歌的跨域iframe无效）：

function fetchmap(target) {
  console.log(target[0]);
  // 正确获取iframe内部的document对象
  const iframeDoc = target[0].contentDocument || target[0].contentWindow.document;
  // 修正方法名
  const e = iframeDoc.getElementById('pac-input');
  console.log(e);
};

再次提醒：这段代码对跨域的谷歌iframe完全无效，浏览器会直接阻止访问contentDocument或contentWindow。

内容的提问来源于stack exchange，提问作者mina fathollahi