Javascript:unable to get element by id

Question

i have a java-script code which print the post to fb wall link and call a PostToWall Javascript function on click, in this function i am trying to read data under span by its id. But unfortunately its not returning the span data .Please help me to solve my problem.

First: this code prints on my html page after a certain JS function is called $('#content').html('<h1>You\'re done</h1><br/><a href="#" onclick="return postToWall();"> Share your score in FACEBOOK</a>\n

Second: Users click on the "Share your ...FB" then it calls this function:

function postToWall() { var msg = document.getElementById("timespent"); alert(msg); ------ }

It is callin func but its not showing the data under under span id=timespent

where <span id="timespent" style="zoom: 80%" class="timeisplay">4732</span>

Adil · Accepted Answer · 2013-10-16 19:40:11Z

1

You have put the timespent span object in alert instead of its html. You need to using innerHTML to show the html with span

alert(msg.innerHTML);

answered Oct 16, 2013 at 19:40

Adil

148k25 gold badges217 silver badges207 bronze badges

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

6 Comments

beginner Over a year ago

yes now its fine. But in jquery there is no need to put like this innerHtml why in javascript? In jquery simply $("timespent").html();

Adil Over a year ago

jQuery has function html but javascript COM object does not have it. If you have DOM object you should try using native properties. It will give you performance benefits

beginner Over a year ago

thanks, but what do you mean by If you have DOM object you should try using native properties. ?

Adil Over a year ago

Reading this will help understand what DOM and jQuery are and how they differ. JQuery is wrapper over javascript but jQuery is usually slower then javascript

beginner Over a year ago

Reading this but what? I think you forget to attach link in your previous comment.-:)

|

Carlos Novo · Accepted Answer · 2013-10-16 19:59:32Z

0

Simple. Try in jQuery.

alert($('#timespent').text());

answered Oct 16, 2013 at 19:59

Carlos Novo

1494 silver badges13 bronze badges

Collectives™ on Stack Overflow

Javascript:unable to get element by id

2 Answers 2

6 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Linked

Related