-2

Видел видео как тип прописал какую то команду в js скрипте и ему выбило весь список параметров для этого объекта в браузере. Как это сделать самостоятельно для любого другого объекта? Вот у него выбило все параметры для тега div.

6
  • youtu.be/-2WiaSvOj78 время 42. 53
    – Evolving
    22 июн 2018 в 12:34
  • Ну, там отлично видно код. Видно, как в функцию передать объект. Переписывайте его себе и используйте на здоровье. В чём вопрос?
    – andreymal
    22 июн 2018 в 12:35
  • В общем это универсальное свойство? Подходит ко всем объектам? Просто он так сказал что "все это якобы только div" касается. Вот мне стало интересно может у других объектов есть что то еще
    – Evolving
    22 июн 2018 в 12:41
  • 1
    «Подходит ко всем объектам?» — За эти 12 минут уже могли бы сами переписать код и попробовать применить его к другим объектам :)
    – andreymal
    22 июн 2018 в 12:42
  • Спасибо за советы)
    – Evolving
    22 июн 2018 в 13:19

2 ответа 2

2

DOM-элемент в контексте JS представляет из себя объект, который, как мы знаем, можно перебирать:

function print (e, name) {
  if (typeof e !== 'object') throw new Error('I need an object, call me an object');
  let props = [];
  
  for (let key in e) {
    props.push(`<strong>${key}</strong>: ${e[key]}`); // Тут свойства так же из прототипа
  }
  
  document.querySelector('pre').innerHTML += `<h3>${name}</h3><ul><li>${props.join('</li><li>')}</li></ul>`;
}
let tmp = {z: 42, q: "Hi"};

print (tmp, 'Tmp');
print (document.querySelector('div'), 'Div');
<div></div>
<pre></pre>

0
<div id="out" >
    Просто блок
</div>
<!--Нажимаешь сочетание клавиш Ctrl + Shift + I и кликаешь на div, и снизу отобразится событие. Кликаешь на него и смотришь-->
<script type="text/javascript" >
    window.onload = function () {
        document.getElementById('out').onclick = function (event) {
            console.log(event);
        }
    }
</script>

Ваш ответ

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

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