Change meta tag in header dynamically?

Question

I'm creating a shareable connection with a button that the button I clicked before would execute a feature that modifies the OPEN GRAPH after it is posted to social media. I tried to click the button and share it with social media using shared APIs, but the title, link, thumbnail and description did not alter.

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

Answer 1

You can change meta tag using this

 $('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

You can try this approach too

 $('#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>

Change meta tag in header dynamically?

Question

2 answers

solution1
1 ACCPTED 2019-09-01 05:53:08

solution2
0 2019-09-01 06:04:54

Change meta tag in header dynamically?

Question

2 answers

solution1 1 ACCPTED 2019-09-01 05:53:08

solution2 0 2019-09-01 06:04:54

solution1
1 ACCPTED 2019-09-01 05:53:08

solution2
0 2019-09-01 06:04:54