Блог

У меня есть div, который выглядит следующим образом:

             <div id="beskrivelse" class="description html_content" itemprop="description">
                {{description}}
            </div>
 

Содержимое {{description}} создается в серверной части.

Как я могу сделать так, чтобы это содержимое отображалось в моей мете здесь:

             <meta property="og:description" content=" HERE "/>
 

Я получаю синтаксическую ошибку, если я пишу:

             <meta property="og:description" content=" {{description}} "/>
 

Это простой способ сделать это? Может быть, поместить его в какую-то переменную?

У меня нет возможности изменить это в серверной части, поскольку я использую закрытую систему, Tictail.com . Я хочу, чтобы то, что я написал в моем {{description}} , отображалось в мета-теге.

Я не могу использовать какой-либо код php, asp (и т. Д.), Поскольку сайт этого не допускает.

Есть предложения?

Я пробовал это без успеха:

     <script language="javascript" type="text/javascript">  
    var descval = document.getElementById('beskrivelse').innerHTML;
    var paras = document.getElementsByTagName('meta');
    for (i = 0; i < paras.length; i  ) {
        var test = paras[i].getAttribute('property');
        if(test == "og:description")
        {
           paras[i].content = descval;
        }
    }
    </script>
 

Ваш код должен работать, учитывая, что у вас уже есть мета-элемент в вашем DOM со свойством og:description и что вы запускаете скрипт либо в нижней части страницы, либо в готовом к DOM обратном вызове. Как это происходит в вашей скрипке, если вы настроили JS для запуска onDomReady (как я сделал здесь).

Если у вас нет мета-элемента в DOM с самого начала, вам может потребоваться создать его и добавить в DOM. Что-то вроде этого:

 <script>
// Get the content
var descval = document.getElementById('beskrivelse').innerHTML;
// Create the new meta-element
var elm = document.createElement("meta");
elm.setAttribute("property", "og:description") 
elm.setAttribute("content", descval);
// Append the element to the HEAD
document.getElementsByTagName("head")[0].appendChild(elm);
</script>