获取 HTML h1 值到 Javascript 变量

Question

如果我希望将分配给 header(h3) 的标题的值成为一个 javascript 变量，以将信息从特定条目的本地存储中取出，我该怎么做？

Answer 1

It really depends on your use-case what would be the best way to do that, and if you provide a little more code, the community might be better positioned to help you. In general, you can access the content of the first h3 tag by using:

document.getElementsByTagName('h3')[0].innerHTML

or if your tag has an id so you can use the below one

document.getElementById('yourId').innerHTML

or, if you have access to jQuery: $('h3').text()

Answer 2

You can retrieve it like this. But be careful with index of the h3 element if you have multiple h3

 var name = document.getElementById('name').innerHTML console.log(name)

 <h3 id="name">Country_Name</h3>

Answer 3

I would use textContent instead of innerHTML as it would be better performance wise.

var name = document.getElementById("myID").textContent

or by tag:

var name = document.getElementsByTagName('h3')[0].textContent

And if you want to see it in the console:

console.log(name)