Phần tử hiện tại trong Javascript là gì?

Question

Làm cách nào để tìm hiểu yếu tố mà <script> nằm ở đâu?
Như một ví dụ, chúng ta hãy thực hiện việc này

<div> 
<script type="text/javascript"> 
    var time = new Date(), hrs = time.getHours(), min = time.getMinutes(); 
    document.write('It is '+hrs+":"+(min<10?'0':'')+min); 
</script> 
</div> 

Sau đó, nếu tôi muốn thay đổi điều này để một cái gì đó hiện đại hơn, làm thế nào tôi có thể tìm ra những yếu tố chúng ta đang ở?
Vì vậy, tôi muốn viết, ví dụ trong jQuery

$(thisdiv).html('It is '+hrs+":"+(min<10?'0':'')+min); 

nhưng làm thế nào để tôi nhận được thisdiv?
Có, tôi biết, tôi có thể đặt một ID trên đó, nhưng tôi có cảm giác rằng sẽ không cần thiết. Trình duyệt biết chúng ta đang ở đâu, nếu không nó thậm chí không thể làm document.write!

Vì vậy, đề xuất? Tôi đã tìm kiếm, nhưng không thể tìm thấy nó. Có đơn giản đến nỗi tôi nhìn rõ ràng không?

Answer 1

Script được thực hiện theo thứ tự xuất hiện trong tài liệu. Nội dung của thẻ tập lệnh được đánh giá khi gặp phải, vì vậy, phần tử <script> cuối cùng luôn là phần tử hiện tại.

Code:

<div> 
    <script> 
    var scriptTag = document.getElementsByTagName('script'); 
    scriptTag = scriptTag[scriptTag.length - 1]; 

    var parent = scriptTag.parentNode; 
    </script> 
</div> 

Answer 2

$('script#some_id').parent().html('blah blah'); 

Answer 3

Hãy thử điều này

<div id="mydiv"> 
<script type="text/javascript"> 
    var time = new Date(), hrs = time.getHours(), min = time.getMinutes(); 
    document.getElementById('mydiv').innerHTML = 'It is '+hrs+":"+(min<10?'0':'')+min; 
</script> 
</div> 

Answer 4

Firefox:

document.currentScript.parentElement 

Chrome:

document.scripts.length