unable to execute statements in sequential order while calling one function from another function in javascript -
while designing webpage, have done javascript validations, in js file, i'm trying call 1 function function. first called when click on button. in first function, i'm trying set text label , called second function, second function called first , text set label. sequence missing. don't know, why statements not executed in sequence...if know, please tell me solution.
<script> function first(){ labelvalue = document.getelementbyid("getlabel"); labelvalue.innerhtml = "firsttext"; second(); } function second(){ labelvalue.text = "secondtext"; }
here, can't set text 'labelvalue' i.e., "firsttext" before second() called. set after second() called.
function first(){ labelvalue = document.getelementbyid("getlabel"); labelvalue.innerhtml = "firsttext"; image = document.getelementbyid("getimage"); image.src = "hello.jpg"; second(); } function second(){ labelvalue.innerhtml = "secondtext"; label1 = document.getelementbyid("name"); label1.innerhtml = "sarah"; }
first sets value 'name' label , sets image 'hello.jpg' 'image' , text 'firsttext' label 'labelvalue'.
the problem in second()
setting labelvalue.text
. should setting labelvalue.innerhtml
, why doesn't update content , makes think aren't executed sequentially.
edit: updated code posted works, you're going have give javascript , html replicates problem. see updated jsfiddle.
Comments
Post a Comment