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().