CODEWITHSUNDEEP
javascriptgetelementbyid
matrix matrix
matrix matrix

Reputation: 31

Get value from element <a> in Javascript

I want to get text from element . I am beginner. I was trying this solution, but result was: 

<a href="#" id="text">Hello</a>

I know why, but I dont know how to get only text Hello. Can you help me please?

HTML

<ul class="nav">
  <li><a href="#" id="text">Hello</a></li>
</ul>

JS

var text = document.getElementById('text');
console.log(text);

Upvotes: 2

Views: 1978

Answers (2)

Downgoat
Downgoat

Reputation: 14371

You can use .innerHTML or .textContent

.innerHTML will return the HTML code and .textContext should return the actual text.

.innerHTML

document.getElementById('text').innerHTML;//Returns "<b>Hello</b>"



<a href="#" id="text"><b>Hello</b></a>

.textContent

document.getElementById('text').textContext;//Returns "Hello"



<a href="#" id="text"><b>Hello</b></a>

.textContent is better overall for getting the actual text of an element.
Note that [.innerText] also works like .textContent but is more aware of what to return.

MDN Link

Upvotes: 1

Oleksandr T.
Oleksandr T.

Reputation: 77482

You can use .innerHTML, like so

var text = document.getElementById('text').innerHTML;

console.log(text);
<ul class="nav">
  <li><a href="#" id="text">Hello</a></li>
</ul>

Upvotes: 0

Related Questions