动态更改标题中的元标记？

Question

我正在创建一个带有按钮的可共享连接，我之前单击的按钮将执行一项功能，该功能会在发布到社交媒体后修改 OPEN GRAPH。 我尝试单击该按钮并使用共享 API 与社交媒体共享它，但标题、链接、缩略图和描述没有改变。

const share = $("#change").click(()=>{
   $("meta[name=description]").remove();
   $("head").append("<meta name='description' content='new description'>" 
);})

Answer 1

您可以使用此更改元标记

 $('button').on('click', function() { $('meta[name=description]').remove(); $('head').append( '<meta name="description" content="this is new">' ); console.log($('meta[name=description]').attr('content')); });

 <head> <meta name="description"content="this is old"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> </head> <button>Change Meta</button>

Answer 2

你也可以试试这个方法

 $('#mybutton').on('click', function(){ console.log(document.getElementsByTagName('meta')["description"].content); document.getElementsByTagName('meta')["description"].content = "this is new meta tag!"; console.log(document.getElementsByTagName('meta')["description"].content); })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <head> <meta name="description"content="this is old meta tag!"> </head> <button id="mybutton">Modify</button>