为何使用document.title而非document.head.title？DOM遍历相关疑问

嘿，这问题问得特别好——刚入门客户端JS的时候，很容易被这种看似“不符合逻辑”的API设计搞懵，我来给你掰扯清楚~

首先得明确两个关键点：

• document.head和document.body是浏览器DOM API给document对象提供的快捷访问属性，它们直接指向HTML文档里对应的<head>和<body>元素节点。
• <title>元素确实嵌套在<head>里，但title并不是<head>元素的属性，而是document对象本身的专属快捷属性！

浏览器之所以这么设计，是因为页面标题是开发中非常常用的内容——不管是读取还是修改，都很频繁。如果每次都要写document.head.querySelector('title').textContent才能拿到标题，实在太繁琐了，所以DOM API特意给document加了title这个属性，直接映射到<title>元素的文本内容。

如果非要通过document.head来获取标题，其实也可以，只是写法要调整：

// 先找到<head>里的<title>元素，再取它的内容
document.head.querySelector('title').textContent

这种“快捷属性”在DOM里其实挺常见的，比如document.body也是同理——你本来也能用document.querySelector('body')获取，但浏览器给了更简洁的写法。document.title就是另一个为了提升开发效率而设计的贴心快捷方式啦~

刚开始学遇到这种“打破逻辑”的API很正常，多写多试几次，慢慢就摸透这些设计的门道了😉

内容的提问来源于stack exchange，提问作者efw