jQuery抛出iframe.getElementById不是函数的错误

Question

任何针对同一个iframe对象的函数都不起作用，并抛出以下错误：

Uncaught TypeError: target[0].getElementsById is not a function

我想访问iframe对象的值

function fetchmap(target) {
  console.log(target[0])
  var el = target[0].getElementsByTagName('input #pac-input');
  var e = target[0].getElementsById('pac-input')
  console.log(el);

};

<div class="col-md-12 px-4 md-form form-group" id="placefinder">
 <iframe id="iframe" src="//developers.google.com/my-business/content/tools/placeid-lookup" width="100%" height="400px" onload="fetchmap($(this))"></iframe>
</div>

Answer 1

它是getElementById（单数），而不是getElementsById（复数）。它返回一个元素。

另请注意，iframe内部文档中的元素是iframe本身的不是的后代。您必须使用iframe.contentDocument.getElementById()。