ใ“ใฎใƒšใƒผใ‚ธใฏใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใƒผใฎๅฐฝๅŠ›ใง่‹ฑ่ชžใ‹ใ‚‰็ฟป่จณใ•ใ‚Œใพใ—ใŸใ€‚MDN Web Docs ใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใƒผใซใคใ„ใฆใ‚‚ใฃใจ็Ÿฅใ‚Šใ€ไปฒ้–“ใซใชใ‚‹ใซใฏใ“ใกใ‚‰ใ‹ใ‚‰ใ€‚

View in English Always switch to English

Document: head ใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃ

Baseline Widely available

This feature is well established and works across many devices and browser versions. Itโ€™s been available across browsers since โจ2018ๅนด6ๆœˆโฉ.

head ใฏ Document ใ‚คใƒณใ‚ฟใƒผใƒ•ใ‚งใ‚คใ‚นใฎ่ชญใฟๅ–ใ‚Šๅฐ‚็”จใฎใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃใงใ€ใ“ใฎๆ–‡ๆ›ธใฎ <head> ่ฆ็ด ใ‚’่ฟ”ใ—ใพใ™ใ€‚

ๅ€ค

HTMLHeadElement ใงใ™ใ€‚

ไพ‹

html
<!doctype html>
<head id="my-document-head">
  <title>ไพ‹: document.head ใฎไฝฟ็”จ</title>
</head>

<script>
  const theHead = document.head;

  console.log(theHead.id); // "my-document-head";

  console.log(theHead === document.querySelector("head")); // true
</script>

ใƒกใƒข

document.head ใฏ่ชญใฟๅ–ใ‚Šๅฐ‚็”จใงใ™ใ€‚ใ“ใฎใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃใซๅ€คใ‚’ไปฃๅ…ฅใ—ใŸๅ ดๅˆใฏใ€ๆš—้ป™ใซๅคฑๆ•—ใ™ใ‚‹ใ‹ใ€ ๅŽณๆ ผใƒขใƒผใƒ‰ใฎๅ ดๅˆใฏใ€TypeError ใŒ็™บ็”Ÿใ—ใพใ™ใ€‚

ไป•ๆง˜ๆ›ธ

Specification
HTML
# dom-document-head-dev

ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใฎไบ’ๆ›ๆ€ง

้–ข้€ฃๆƒ…ๅ ฑ