Petua HTML5: Dapatkan elemen kepala melalui Petua Tutorial document.head_html5

Hari ini, saya melihat laman web asing dan mendapati bahawa elemen kepala diperoleh seperti berikut

Salin kod

Kod tersebut adalah seperti berikut:

var head = document.head ||. dokumen .getElementsByTagName('kepala')[0];

Yang terakhir ialah kaedah yang biasa kami gunakan, dan document.head sebelumnya sebenarnya adalah kali pertama kami melihatnya. Selepas menyemak maklumat, saya mendapati ia ternyata adalah barangan HTML5. Ia sangat mudah, hanya satu atribut.

Sudah tentu, IE6/7/8 tidak menyokongnya. IE9/Safari/Chrome/FF/Opera semuanya disokong (versi terkini). Rakamkannya.

Antara muka HTMLDocument dalam html4 adalah seperti berikut

Antara muka HTMLDocument dalam html5 adalah seperti berikut

Berkaitan:

http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268

http://www.w3.org/TR/html5/dom.html#html-documents

http://msdn.microsoft.com/en-us/library/gg593004(v=VS.85)