Tak jak ostatnio :) bez oszukiwania – czyli odpalania kodu w przeglądarce.

Co zostanie wyświetlone (numerki podane dla referencji)?

HTML Markup:

<form id="commentForm" action="/comment/new">
    <p>
        <input type="text" id="id" />
    </p>
    
    <p>
        <input type="text" name="action" />
    </p>    
</form>

JavaScript code:

var form = document.getElementById('commentForm');
    
console.log('access by properties');
console.log(form.id); // 1
console.log(form.action); // 2
    
// break line
console.log('');
    
console.log('access by attribute');
console.log(form.getAttribute('id')); // 3
console.log(form.getAttribute('action')); // 4

PS.: Jaki będzie wynik w IE8? :)

PODOBNE ARTYKUŁYWIĘCEJ OD AUTORA

2 KOMENTARZE

  2. uzywam, ale to zachowanie mi sie spodobalo :) dlatego tez zagadka. zreszta, warto wiedziec o takich sprawach bo czasami na przyklad chcesz cos napisac dla pewnych produktow pewnej firmy na M i tam nie ma jquery a klient sie nie godzi na jego wykorzystanie :)

Comments are closed.