Is it the last `script` element the currently running script?

by

It’s not an absolute guarantee no. Check out this JSFiddle: http://jsfiddle.net/jAsek/

<!DOCTYPE html>
<title>Test case</title>
<div>
    <p>At the start</p>
    <script id="first">
        var scr1 = document.createElement("script");
        scr1.setAttribute("id", "early");
        document.body.appendChild(scr1);
    </script>
    <p>After the first script</p>
    <script id="second">
        function getCurrentScriptElement() {
            var scripts = document.getElementsByTagName('script');
            return scripts[scripts.length - 1];
        }

        alert(getCurrentScriptElement().id);
    </script>
    <p>At the end</p>
</div>

Here the alert reports the id of the injected script “early”, not the id of currently running script “second”.

There’s no practical difference between internal and external scripts.

More Related Contents:

  1. Trying to use Javascript to add new li element to my ordered list, anyone know why this code isn’t working?
  2. Do DOM tree elements with IDs become global properties?
  3. How to make JavaScript execute after page load?
  4. Changing website favicon dynamically
  5. How do I programmatically set the value of a select box element using JavaScript?
  6. Dynamically set value of a file input [duplicate]
  7. How to correctly iterate through getElementsByClassName
  8. Appending HTML string to the DOM
  9. How to append text to a “?
  10. Best Practice: Access form elements by HTML id or name attribute?
  11. Difference between Node object and Element object?
  12. Why are duplicate ID values not allowed in HTML?
  13. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  14. JavaScript get element by name
  15. jQuery: how to change tag name?
  16. How do you listen / detect changes to an input value – when the input value is changed via javascript?
  17. Add elements to the DOM given plain text HTML using only pure JavaScript (no jQuery)
  18. How do I put codes from jsfiddle.net into my website?
  19. Screen Scraping from a web page with a lot of Javascript [closed]
  20. Attach event listener through javascript to radio button
  21. getElementsByClassName() with two classes
  22. window.getSelection() gives me the selected text, but I want the HTML
  23. Is there a flexible way to modify the contents of an editable element?
  24. a way to check validity of HTML5 forms?
  25. Open new window without focus on it [duplicate]
  26. Is there a way to get innerText of only the top element (and ignore the child element’s innerText)?
  27. window.getSelection return html [duplicate]
  28. Is there a cross-browser standard on-load event for HTML’s “object” tag?
  29. How to reduce the length of a video using JavaScript? [closed]
  30. Why I cant use jQuery functionality

Leave a Comment