How can I do `$('meta[name="csrf-token"]').attr('content')` in vanilla Javascript?

Question

I don't have jQuery and I want to know how can I do the same thing with vanilla javascript. Any help?

$('meta[name="csrf-token"]').attr('content')

Answer 1

document.querySelector('meta[name="csrf-token"]').getAttribute('content');

That's how you do it.

Answer 2

meta elements actually have a content property, so you can simply write:

document.querySelector('meta[name=csrf-token]').content

Demo:

console.log(
  document.querySelector('meta[name=csrf-token]').content
)

<meta name="csrf-token" content="example-content"/>

Answer 3

You can also use getElementsByName

document.getElementsByName('csrf-token')[0].getAttribute('content')

Answer 4

Use querySelector() method to get the element and use getAttribute() method to get the attribute value from the element.

document.querySelector('meta[name="csrf-token"]').getAttribute('content')