javascript typeof id===’string’?document.getElementById(id):id解释 原创

"javascript typeof id==='string'?document.getElementById(id):id" 是一段 JavaScript 三元运算符语句。这段代码的作用是：判断变量 id 是否是字符串类型，如果是，则执行 document.getElementById(id)，否则返回变量 id。

具体来说，其中涉及到以下部分：

1. "typeof id==='string'"：使用 typeof 运算符判断变量 id 的数据类型是否为字符串类型。

2. "? document.getElementById(id)"：如果变量 id 是字符串类型，则执行 document.getElementById(id)，获取相应的元素对象。

3. ": id"：如果变量 id 不是字符串类型，则直接返回 id 变量。

下面针对两个示例分别进行说明：

示例1：

let elementId = 'myDiv';
let element = typeof elementId === 'string' ? document.getElementById(elementId) : elementId;

这段代码的作用是：判断变量 elementId 的数据类型是否为字符串类型，如果是字符串类型，则在页面中查找 id 为 myDiv 的元素并将其赋值给变量 element，否则直接将变量 elementId 的值赋值给变量 element。

示例2：

function getElement(id) {
  return typeof id === 'string' ? document.getElementById(id) : id;
}

let myElement = getElement('myDiv');

这段代码的作用是：定义了一个名为 getElement 的函数，函数接受一个参数 id，然后判断 id 的数据类型是否为字符串类型。如果是字符串类型，则在页面中查找 id 为 myDiv 的元素并将其返回，否则直接返回 id 的值。在代码中，使用 getElement 函数获取 id 为 myDiv 的元素，赋值给变量 myElement。

总之，这段代码可用于处理根据 id 获取元素对象的需求，特别是在处理一些动态生成元素的场景下有着广泛的应用。