Обращение к DOM элементу по значению одного из параметров

Question

Имеется функция обращения к DOM элеменам по их id=

function getByID(i){
    return document.getElementById(i);
}

Выполняется условие

# shareURL имеет вид "https://example.com/video/4895738"

var shareURL=uiData.shareURL;
if(shareURL!=null){
    getByID("itemURL").value=shareURL;
}

Соответственно мы можем подставить значение

<input id="itemURL" type="text" value="" />

И есть meta-тэг в котором нужно динамично изменять URI для каждой страницы, но meta-тэги не поддерживают свойство id=

<meta property="og:url" content="" />

Как подставить в meta-тэг для параметра content="" динамичное значение (ссылку на документ, переменная shareURL) ?

Видимо нужно обратиться к property="og:url" чтобы подставить значение shareURL для content="" но я не понимаю какой функцией.

Спасибо.

Answer 1

Вы можете использовать метод document.querySelector для работы с <meta> тегами в JavaScript.

var shareURL=uiData.shareURL;

const ogUrl = document.querySelector('meta[property="og:url"]')
ogUrl.content = shareURL;