2014-10-15 7 views
0

Я создал функцию, которая возвращает элементы из функции document.querySelectorAll(). Я попытался использовать эту функцию, чтобы вернуть точный элемент со всеми его свойствами. Я специально хочу вернуть свойство tagName.JS Возвращаемый атрибут From querySelectorAll

<div id="#example"></div> 
<script type="text/javascript"> 
    function el(s){ 
     var newElement=document.querySelectorAll(s); 
     return newElement; 
    } 
    alert(el("#example").tagName); 
</script> 
+0

'предупреждение (эль ("# пример") [0] .tagName);' –

ответ

0

querySelectorAll возвращает NodeList всех согласующих элементов, даже если есть только один. Чтобы получить сам элемент, используйте функцию querySelector.

<div id="#example"></div> 
<script type="text/javascript"> 
    function el(s){ 
     var newElement=document.querySelector(s); 
     return newElement; 
    } 
    alert(el("#example").tagName); 
</script> 
+0

Что бы я сделал, чтобы вернуть все элементы, соответствующие селектор? Например: у меня есть 6 элементов div, и я ввожу document.querySelectorAll («div»)? –

+0

Если вам нужен список из нескольких элементов, используйте querySelectorAll. Оттуда вы можете прокручивать его, чтобы получить свойство каждого элемента. – Scimonster