返回“getElementById('div') 的 Javascript 高度为空？答案

【问题标题】：Javascript height returning "getElementById('div') is null?返回“getElementById('div') 的 Javascript 高度为空？
【发布时间】：2011-12-02 04:28:42
【问题描述】：

k 这可能是一件非常简单的事情，但由于某种原因，我在尝试使用 javascript 更改 style.height 时遇到错误。

我的 javascript 看起来像这样：

document.getElementById('div').style.height=100px;

我也试过

document.getElementById('div').style.height='100px'; 
document.getElementById('div').style.height='100';
document.getElementById('div').style.height=100;

并且每次都得到相同的错误。

我得到的错误是：

document.getElementById('div') is null

我的萤火虫控制台出现此错误。谢谢。

【问题讨论】：

您的
标签 id 是否设置为 div？像这样：<div id="div">，这就是你试图用这段代码实现的目标。
请也显示您的 HTML。您有一个 ID 为“div”的元素？还是你想抢一个 div？
是你的div元素"div"的id吗？
我有一个 id 为 id='div' 的 div。

标签： javascript css height

【解决方案1】：

您可能没有带有id="div" 的元素。

或者你在正文存在之前运行你的代码。

【讨论】：

这行得通。当我将代码放在标题中时，它可能不起作用，因为它在 div 之前运行代码。当我将 javascript 放在文档底部时，它可以正常工作。非常感谢。

【解决方案2】：

这必须正常工作：

document.getElementById('div').style.height='100px';

请检查您的 html 代码，然后在控制台中尝试：

document.getElementById('div').style.height;

看看之后和之前返回了什么

（也许它的工作，你看不到它，你可以检查它添加背景颜色）

【讨论】：