如何用JavaScript为HTML标签添加translate="no"属性？

你之前的代码无法生效的原因是：document.getElementsByTagName('html')返回的是HTMLCollection类数组对象，而非单个DOM元素，直接调用setAttribute会触发错误，因为该方法仅适用于单个元素。

以下是几种可行的正确写法：

方法1：从集合中取第一个元素 #

var root = document.getElementsByTagName('html')[0];
root.setAttribute('translate', 'no');

方法2：直接获取HTML根元素（推荐） #

利用document.documentElement直接指向页面唯一的<html>标签，写法更简洁可靠：

document.documentElement.setAttribute('translate', 'no');

方法3：直接赋值属性 #

也可以通过直接赋值属性的方式添加：

document.documentElement.translate = 'no';

内容的提问来源于stack exchange，提问作者Ricardo Thomé