我有这个错误：无法读取 null 的属性“值”，我不明白为啥

Posted 2023-05-08

【中文标题】我有这个错误：无法读取 null 的属性“值”，我不明白为啥

【英文标题】：I have this error: Cannot read property 'value' of null, I dont understand why我有这个错误：无法读取 null 的属性“值”，我不明白为什么

【发布时间】：2020-06-07 11:27:28

【问题描述】：

我在这段代码中遇到错误，我正在制作一个可以加、减、乘和除的计算器，代码可以正确读取数字的值，但是当我尝试执行操作时出现错误，我不明白为什么代码不读它，有人可以告诉我我做错了什么吗？ 这是代码

function handleNumber(stNumber) 
    if(stNumber=="numero1")
    
        Num1 = document.getElementById(stNumber).value*1;
    else
        Num2 = document.getElementById(stNumber).value*1;
    
    return Num1, Num2;


function handleOperate() 
    var stOperation = document.getElementById(operaciones).value; 
    Execute(stOperation);


function Execute(stOperation) 
    var stResult = ""
    if(stOperation == "sumar")
        stResult= sumar();
     else if(stOperation =="restar")
        stResult= restar();

     else if(stOperation =="multiplicar")
        stResult= multiplicar();

     else if(stOperation =="dividir")
        stResult= dividir();

    

    document.getElementById("result").innerhtml = stResult;

这是html

<div class="Container-operation">
            <span>Operación</span>
            <div class="Button-container"  id="operator">
                <select onchange="handleOperate()" class="Panel-container" id="operaciones">
                    <option value="sumar">Sumar</option>
                    <option value="restar">Restar</option>
                    <option value="multiplicar">División</option>
                    <option value="dividir">Multiplicación</option>
                  </select>
          </div>
          </div>
        </div>

        <div class="Equal">
          =
        </div>

        <div class="Result-container">
          <span id="result">Resultado</span>
        </div>

【问题讨论】：

这个错误意味着getElementById()正在返回null。

return Num1, Num2; 的作用与return Num2; 完全相同

【参考方案1】：

您将变量operaciones 传递给getElementById()。如果您不为此变量设置值，它将不起作用。您可能想要传递一个字符串 'operaciones'。