变量getElementbyId函数内部

Question

我无法理解一件事。我有它接受作为参数DOM元素的id的函数：

对于实施例

HTML

<ol id="ol"> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
    <li>4</li> 
</ol> 

JS

function whatever(elem) { 
    var element = document.getElementById(elem); 
} 

初始化

whatever(ol) 

为什么当我在做console.log(element)的函数内，它显示的是null？我错过了什么？

Answer 1

whatever("ol")应该这样做。

Answer 2

我相信你的问题是双重的：

1. 你已经有了一个范围问题。变量element是在whatever函数中定义和分配的，这意味着您无法在该函数之外看到它。你想返回从你的函数调用document.getElementId的结果。

   function whatever(id) { 
       return document.getElementById(id); 
   } 
   

2. 您必须将表示元素ID的字符串传递给函数。

   var element = whatever("ol"); 
   

有了这两个东西的地方element现在将正确的HTML元素的引用。