JavaScript параметры Dom элемента

201

29 июля 2018, 14:30

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

Answer 1

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>

Answer 2

<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>