If I use document.write() it clears the whole html document. So how can I take this javascript variable
var beforenoonprice = 6.75;
and have it display to the html document through this div
<div id="beforeNoonCPSlot"></div>
-
beforeNoonCPSlot.innerHTML=beforenoonprice; is the simplestdandavis– dandavis2014-08-09 23:25:22 +00:00Commented Aug 9, 2014 at 23:25
-
@dandavis: Ugh, automatic globals, blech. ;-)T.J. Crowder– T.J. Crowder2014-08-09 23:26:04 +00:00Commented Aug 9, 2014 at 23:26
-
@T.J.Crowder: smoke em if ya got em! (not much can we do about em anyway)dandavis– dandavis2014-08-09 23:26:33 +00:00Commented Aug 9, 2014 at 23:26
-
@dandavis: But do you? What if you've declared a variable with that name? Or any of the (waves hands) fifteen other ways the automatic global can be overrridden? :-) There's a reason you don't see them relied on in most code...T.J. Crowder– T.J. Crowder2014-08-09 23:27:24 +00:00Commented Aug 9, 2014 at 23:27
-
if one has unexpected globals floating around thier code, they've got other concerns to address. but you need IDs, and IDs make globals, so these are actually among the only globals you should have; why not use them again?. when i'm using global ID access, i typically use hungarian on the element's id: inpLogin, chkTOS, selDays, etc, so collisions aren't much of a problem. i think it's one of vanilla's most under-rated features, especially on SPAs. i'm glad the capability is there and widely supported.dandavis– dandavis2014-08-09 23:38:05 +00:00Commented Aug 9, 2014 at 23:38
Add a comment
|
1 Answer
You use the DOM API:
document.getElementById("beforeNoonCPSlot").innerHTML = String(beforenoonprice);
(In the above, I've explicitly converted the price to a string, but that's just for emphasis; if I hadn't, there would have been an implicit conversion.)
Note that you have to execute that line of code after the element has been created, otherwise we can't find it with document.getElementById. Given that you've said that using document.writeln cleared the whole document, it sounds like you're running your code at a point where the document as a whole has been rendered, so that should be fine.
