Как использовать getElementsByTagName для получения значений под тегом <pre>с другого сайта?

Question

Я могу получить значения от пользователя, добавить его в URL с помощью следующей функции.

function fetch(){

function search() {
    var term= document.getElementById("search").value;
    var lnk="('https://www.example.com/search?q='" + term")";
}
/* gave it a try. not sure how to proceed to show the result under the submit */
var op= document.getElementByTagName('lnk' , pre);
document.getElementsById("opt").innerHTML =op;
}

<form id="myForm1">
     <input id="search" placeholder="Enter search term" size="36" autocomplete="off" type="text"> </br>
     <input type="submit" value="search on example.com" onclick="fetch()"><i></i>
</form>
<textarea id="opt" rows="4" cols="50">

</textarea>

В результате у меня будет содержимое в теге <pre> Мне нужно извлечь содержимое из <pre> и отобразить его на моей html-странице.

Я узнал, что могу использовать getElementByTagName, но не уверен, как в этом случае получить предварительный тег на другом сайте.