javascript - ページで img タグを見つけ、og:image メタ タグを作成し、head に追加します

Question

私の計画は、ページの最初の img を見つけて、head に og:image タグを自動的に作成することです。しかし、以下のコードは最初のメタタグを見つけたのに、それに何かを追加しようとしたり、その前に何かを追加しようとすると、何らかの理由で機能しません。任意の助けと、これが価値があるかどうかにかかわらず、感謝します。

これはこれまでの私のコードです

function img_find() {
    var imgs = document.getElementsByTagName("img");
    var imgSrcs = [];
    for (var i = 0; i < imgs.length; i++) {
        imgSrcs.push(imgs[i].src);
    }
    return imgSrcs;
}
var img = img_find();
var ogmetatag = document.createElement('meta');
ogmetatag.content = img[0];

var metatags = document.getElementsByTagName('meta')[0];
console.log(metatags);
metatags.appendChild(ogmetatag);
//    jQuery(document).ready(function() {
//     var img = jQuery('img').attr('src');
//     jQuery("meta[property='og:image']").attr('content', img);
//     jQuery('head').append('hiya');
// });
</script>