Issue While Getting innerHTML Text Using JavaScript

Question

In the following code I am extracting the innerHTML text of the html element.

if(a.tagName){
if("option"==a.tagName.toLowerCase())
    return a.text.replace(/\u00A0/g," ");
if("select-one"==a.type||"select-multiple"==a.type)
    return this.getSelectBoxText(a,!1);
}
if(this._isIE()||this.isSafariLike()&&!this._isChrome())
    return a.innerText||a.textContent||"";
var b=a.innerHTML;
return!b||-1==b.indexOf("\x3cbr")&&-1==b.indexOf("\x3cBR")?a.textContent:document.createElement?  (b=document.createElement(a.tagName),b.innerHTML=a.innerHTML.replace(/<br[\/]*>/ig," "),b.textContent):a.textContent
};

above code return the correct innerHTML text for all HTML element. There is an issue when any HTML element contain text with special character code e.g.
<a id="oopID1" href="...">OOP – Java</a> [in page is show "OOP - Java"].

then it does not return the actual rendered text (mean "OOP - Java").

How could I get the actual value which is getting displayed in the page.

Thanks in advance.

[NOTE : I don't want to use jQuery.]

Why are you using such complicated script? Can you show a snipet of the page? — Qwerty
– Qwerty, Commented Dec 22, 2014 at 8:33

Community · Accepted Answer · 2017-05-23 12:20:33Z

3

Use textContent to retrieve the text content of your element:

document.getElementById("oopID1").textContent

see fiddle HERE

Useful links:

textContent documentation

innerHTML documentation

innerText vs innerHTML

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered Dec 22, 2014 at 8:19

BeNdErR

18k21 gold badges79 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kyle Emmanuel · Accepted Answer · 2014-12-22 08:18:57Z

2

Use innerText rather than innerHTML as the former gets the value as text, and the latter gets it as markup.

answered Dec 22, 2014 at 8:18

Kyle Emmanuel

2,2211 gold badge17 silver badges23 bronze badges

Collectives™ on Stack Overflow

Issue While Getting innerHTML Text Using JavaScript

2 Answers 2

Useful links:

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Useful links:

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related