Obtain a reference to [removed] parent element [duplicate]

Answer 1

As mentioned in What is the current element in Javascript?, the current <script> element is also the last <script> element, at the time of execution.

The answer also applies to your case, since the load of the external script is not deferred (through the async or defer attribute).

var scriptTag = document.getElementsByTagName('script');
scriptTag = scriptTag[scriptTag.length - 1];
var parentTag = scriptTag.parentNode;

Most browsers (even IE6) support document.scripts. Firefox supports this object as of version 9. So, the following code can also be used:

var scriptTag = document.scripts[document.scripts.length - 1];
var parentTag = scriptTag.parentNode;

Answer 2

You need a way to refer your script by. How else do you expect to know which script you want? If you only have one script, you could always do

var myScript = document.getElementsByTagName("script")[0];

to get a DOM element of the first script on your page. Or you could use jQuery and loop through your script to do something with each:

$("script").each(function() {
    alert($(this).html());
});

Answer 3

You can use the attribute selector to get a script with a specific src, then parent('div') to jump to its containing div element.

var parentDiv = $('script[src="path/to/script.js"]').parent('div');