Question

I created an element in an outer javascript file:

var element = document.createElement('div');

Now I need to append the lement to the body and still keep the reference to it (element variable).
But I need to append it right after the script tag – like document.write() would do it.

I can’t use classes and id’s for the script and the element itself – I’m not on my site and there could be more than one of those scripts.

How to solve such task?

CONTEXT: I’m want to build some widgets which could be used on others sites.

Answer 1

How about this:

if(typeof globalScriptCounter === "undefined")
  var globalScriptCounter = 1;
  else
  globalScriptCounter++;

var scripts = document.getElementsByTagName("script");
var localCounter = 0;
for(var i = 0; i < scripts.length; i++) {
  if(scripts[i].src === "yourwidget.js") { // You should know the path since it is your widget
    localCounter++;

  if(globalScriptCounter === localCounter) {
    document.body.insertBefore(element, scripts[i]);
    break;
    }
}

EDIT: I edited my code. Try it out!