2

Необходимо на Javascript (кроссбраузерно) определить родительский элемент - container для тега <script src="script.js"></script> (из самого скрипта - script.js) Учитывая то, что таких конструкций <div class="container">...</div> может быть несколько и для каждой нужно определить container.

<div class="container">
    <script type="text/javascript">
        var onViewable = function (result) {
            if (result) {

            }
        }
    </script>
    <script src="script.js"></script>
</div>
5
  • вы хотите взять все теги script с атрибутом src="script.js" и посмотреть у них parentNode?
    – Grundy
    5 янв 2016 в 15:51
  • из самого скрипта - script.js определить его родителя.
    – rd2d2
    5 янв 2016 в 15:58
  • Что то мне подсказывает что это просто так нереально, единственный вариант - перебирать все <script> на странице и исследовать их src и innerText на текст самого скрипта или ссылку на него, которые он так же узнать не сможет, только если они в него явно зашить текст который искать - но тогда смысла нет, проще id сделать для этих элементов и по нему
    – Mike
    5 янв 2016 в 16:08
  • Может как-то можно сгенерировать и поставить айди (в script.js) для текущего тега скрипта и по нему найти parentNode?
    – rd2d2
    5 янв 2016 в 16:14
  • Те. без проблем можно определить по айди - document.getElementById('idName').parentNode; Но проблема в том что изначально я не могу прописать айдишки, только со скрипта script.js.
    – rd2d2
    5 янв 2016 в 16:21

1 ответ 1

5

Есть такое свойство currentScript, но оно поддерживается не везде. Соответственно найти родителя просто:

var parentElement = document.currentScript.parentNode;

Нашелся еще один трюк, работает во всех браузерах если вы динамически не добавляете элементы <script>

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

Пример:

	<div>Test script 1
	<script>
		document.currentScript.parentNode.style.border = '1px solid blue';
	</script>
	</div>
	<div>Test script 2
	<script>
		document.scripts[document.scripts.length - 1].parentNode.style.border = '1px solid red';
	</script>
	</div>
	<div>Test script 3
	<script>
		document.scripts[document.scripts.length - 1].parentNode.style.border = '1px solid green';
	</script>
	</div>
	<div>Test script 4
	<script>
		document.currentScript.parentNode.style.border = '1px solid green';
	</script>
	</div>

Первый и последний <div> будут без рамки в IE.

5
  • Internet Explorer Not supported
    – rd2d2
    5 янв 2016 в 16:12
  • @rd2d2 Ой. Это все к той-же задаче с отображением в Экселе? 5 янв 2016 в 16:16
  • var parentElement = document.scripts[document.scripts.length - 1].parentNode; последний скрипт в доке... Не пойдёт, тк. скрипт пользовательский, и не известно будет ли он действительно последним. Тем более что их может быть несколько.
    – rd2d2
    5 янв 2016 в 16:28
  • @rd2d2 В каком смысле "пользовательский"? document.scripts заполняется последовательно с загрузкой документа. Последний элемент указывает на текущий скрипт. Только подозреваю, что если создавать элементы <script>, они могут занимать не последнее место 5 янв 2016 в 16:31
  • Да, действительно работает. Спасибо.
    – rd2d2
    5 янв 2016 в 16:57

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.