错误:未被捕获的TypeError:无法读取null的属性“值”

时间:2019-03-31 09:02:24

标签: javascript html html5

我刚开始使用javascript和HTML。当我在Google Chrome中打开HTML文件时,在控制台中出现以下错误。

未捕获的TypeError:无法读取null的属性“值”

但是当我使用getElementsByName代替getElementById时,我没有得到任何错误。

我看过与此类似的问题,但是其中提到的是,您键入了错误的ID。

var pid=document.getElementById("PID").value;
var pid=document.getElementsByName("PID").value;
console.log(pid);
<!DOCTYPE html>
<html lang="en-US">
<head>  
    <title>SGFSimulator</title>
    <meta charset="utf-8">
    <script type="text/javascript" src="Main.js"></script>
</head>

<body>
    <div>
        <h1>Shortest Job First Simulator</h1>
    </div>

    <section id="input">
        <form>
            <!-- Process ID:<br>
            <input type="text" name="txtPID"/><br>
            Burst Time:<br>
            <input type="number" name="txtBurstTime"/><br> -->
            <p>Process ID: <input type="text" id="PID" name="PID" value="p"></p>

            <!-- <p>Burst Time: <input type="number" id="burstTime"></p>
            <p><input type="button" id="buttonEnter" value="Enter"></p> -->

            <!-- <input type="submit"/> -->
        </form>
    </section>


    <section id="output">

    </section>




</body>
</html>

我尝试了一个在类似问题中发现的检查器

if (document.getElementById('PID') == null) {
    //str = document.getElementById("PID").value;
    console.log("null");
}

即使我分配了ID,它也会返回null。

0 个答案:

没有答案