Question

未捕获的类型错误：无法读取 null 的属性（读取“值”）getElementById

2024-02-10

2216

javascript getelementbyid

单击按钮时出现此错误。

未捕获 TypeError：无法读取 null 属性（读取“值”）

我做错了什么？代码如下：

<table>
                <tr>
                    <th>Height (inches)</th>
                    <th>Width (inches)</th>
                    <th>Length (inches)</th>
                    <th>Pieces</th>
                    <th>Bd Ft</th>
                    <th>Lineal Ft</th>
                    <th>Sqare Ft</th>
                </tr>
                <tr>
                    <td>
                        <input type="text" value="1" id="height" /></td>
                    <td>
                        <input type="text" value="1" id="width" /></td>
                    <td>
                        <input type="text" value="1" id="length" /></td>
                    <td>
                        <input type="text" value="1" id="pieces" /></td>
                    <td>
                        <input type="text" value="" id="bdft" /></td>
                    <td>
                        <input type="text" value="" id="linealft" /></td>
                    <td>
                        <input type="text" value="" id="sqft" /></td>
                </tr>
            </table>
            <input type="button" value="Calculate" onclick="calculate()" />
            <script type="text/javascript">
                function calculate() {
                   
                    var heightVar = document.getElementById(height);
                    var widthVar = document.getElementById(width);
                    var lengthVar = document.getElementById(length);
                    var piecesVar = document.getElementById(pieces);

                    alert(document.getElementById(height).value);
                  
                }

            </script>

我做错了什么？我希望在警报窗口中获取“高度”值。

Answer 1

看起来你需要将你的 id 值括在引号中，因为它们都是字符串

var heightVar = document.getElementById("height");
var widthVar = document.getElementById("width");
var lengthVar = document.getElementById("length");
var piecesVar = document.getElementById("pieces");

Answer 2

我缺少引号。

var heightVar = document.getElementById(height);

需要

var heightVar = document.getElementById("height");