We are trying to add a dynamically generated DV into a TextArea but it is not working.
We have this code:
- var id_emo = 0;
- function add_emo (box_id, emo_id, emo_box) {
- alert('box_id: ' + box_id);
- var emoji_g = document.getElementById(emo_id).innerHTML.trim();
- alert('emoji_g: ' + emoji_g);
- var emo_elem = document.createElement('div');
- emo_elem.className = 'bigger_emoji';
- ++id_emo;
- var emo_div = 'emozi_' + id_emo;
- emo_elem.id = emo_div;
- alert('emo_elem.id: ' + emo_elem.id);
- emo_elem.innerHTML = emoji_g;
- alert('final:' + emo_elem.innerHTML);
- alert('last:' + document.getElementById(box_id));
- document.getElementById(box_id).appendChild(emo_elem);
- }
document.getElementById(box_id).appendChild(emo_elem);
then the Append does not happen. And there are NO JS errors in browser.
And if we replace document.getElementById(box_id).value
then we get JS Error form browser of:
document.getElementById(...).value.appendChild is not a function
so how is this done?
Thank you in advance.