javascript setAttribute function

Question

I have a problem with the setAttribute function.

Here my code

mind.SetRequest(rec_input.value);
mind.Reply();
element.setAttribute('text', mind.GetReply());
element.speak();

element.speak() isn't waiting for setAttribute to be completed.

Is there any function to call speak() when setAttribute is finished?

The img.onload = function(){ . . . } function called after the img is loaded, is there a similar way where I can call my speak function after setAttribute?

`setAttribute()` is synchronous. What makes you think it's not? — Matt Ball, May 08 '15 at 22:02
@MattBall `element.speak();` makes me think that `element` is not DOM element. However who knows, maybe OP extended it with custom methods.. — dfsq, May 08 '15 at 22:06
It's possible that `mind.GetReply()` is async. We definitely need a lot more code from OP. — Tony, May 08 '15 at 22:25

Max · Accepted Answer · 2015-05-09T17:24:21.727

5

Try this:

mind.SetRequest(rec_input.value);
mind.Reply();
element.setAttribute('text', mind.GetReply());
setTimeout(function () {
   element.speak();
}, 0);

setAttribute() is synchronous, but it is DOM-based method. It means browser needs some additional processor ticks to set that attribute. So use timeouts to move code execution (that tries to get that attribute) to the next event loop.

edited May 09 '15 at 17:24

answered May 08 '15 at 22:42

Max

1,824
13
22

Hi Max , I am trying your method, but in this way speak function didnt called – Gor May 09 '15 at 10:29
can you tell me more, why in this way all goes well, but my method didnt worked, or where I can read about it more , thank you – Gor May 09 '15 at 20:40
@Gor Yes, sure. In short: setTimeout(element.speak, 0) didn't work because of .speak() is DOM API provided by `SpeechSynthesis` class and DOM APIs can't be called in that way, because setTimeout call `fn.apply(this, ...)` and it looses the context. But if you wrap `element.speak()` into anonymous function is saves context (`this` is linked with `element`). But that is not all. Since you set `text` attribute (DOM operation) you need move all code requires this attribute to the next loop of life cycle. It's called multi-tasking. Read more here: http://stackoverflow.com/a/779785/1453833 – Max May 11 '15 at 11:06

javascript setAttribute function

1 Answers1