자체에서 HTML DOM 요소로 스크립트에 대한 참조 얻기

Question

어떻게 순수 자바 스크립트를 사용하여 스크립트 내부에서 스크립트 자체를 HTML DOM의 요소로 참조 할 수 있습니까?

이 목적은 HTML DOM의 다른 요소를 스크립트와 비교하여 조작하는 것입니다. <script>this.previousSibling ... this.nextSibling ... </script>과 같은 것입니다.

Answer 1

가장 간단한 방법은 id을 스크립트 태그에 삽입 한 다음 DOM에서 찾을 수 있습니다.

<script id="myscript"> 
    var s = document.getElementById("myscript"); 
</script> 

---

또한 스크립트 인라인 자신의 DOM 요소를 삽입 한 다음 해당 찾을 수 있습니다

: 스크립트는 외부 스크립트와 사용자가 제어하지 않는 경우

<script> 
    document.write('<div id="myDiv"></div>'); 
    var d = document.getElementById("myDiv"); 
</script> 

---

을 그것을로드하는 태그 (ID를 넣을 수는 없지만)에서로드 된 URL을 제어하면 원점과 일치하는 .src 속성을 갖는 스크립트 태그에 대한 모든 스크립트 태그를 검색 할 수 있습니다 스크립의 티.

function findScriptTag(href) { 
    var tags = document.getElementsByTagName("script"); 
    for (var i = 0; i < tags.length; i++) { 
     if (tags[i].src === href) { 
      return tags[i]; 
     } 
    } 
    return null; 
} 

var s = findScriptTag("http://whatever.com/myscript.js"); 

:

<script src="http://whatever.com/myscript.js"></script> 

그런 다음, myscript.js의 내부에, 당신은이 코드를 가질 수 있습니다