Javascript 使用JS获取显示的样式错误,但在JSFIDLE中工作顺利

Javascript 使用JS获取显示的样式错误,但在JSFIDLE中工作顺利,javascript,css,frontend,typeerror,jsfiddle,Javascript,Css,Frontend,Typeerror,Jsfiddle,我有下面的代码。我想要的结果正是它在JSFIDLE中的工作方式:完美地工作!在我的浏览器中,我得到了以下两个区别它的错误: 代码: 在我的浏览器中,当我选择科学时,写作部分工作得很好,阅读部分工作得很好。但是,错误仍然出现。其他部分就是不起作用 我知道这是很多代码,但我已经在网上搜索了这么长时间的答案,没有人能够帮助我 伙计们,我真的需要它 谢谢 如前所述,这是我的id为f9的元素 <div class="form-group" name="skill5&q

我有下面的代码。我想要的结果正是它在JSFIDLE中的工作方式:完美地工作!在我的浏览器中,我得到了以下两个区别它的错误:

代码:

在我的浏览器中,当我选择科学时,写作部分工作得很好,阅读部分工作得很好。但是,错误仍然出现。其他部分就是不起作用

我知道这是很多代码,但我已经在网上搜索了这么长时间的答案,没有人能够帮助我

伙计们,我真的需要它

谢谢

如前所述,这是我的id为f9的元素

<div class="form-group" name="skill5" id="f9" style="display:none">
      <select class="form-control" name="skill5" id="readingsocialstudies" onchange="showForm()" data-required>
        <option value="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-Select Your Skill-</option>
        <option value="Big Picture">Big Picture</option>
        <option value="Attention to Detail">Attention to Detail</option>
        <option value="Inference">Making Inferences</option>
        <option value="Function">Identifying Function</option>
        <option value="Vocabulary In Context">Vocabulary In Context</option>
        <option value="Analogy">Drawing Analogies</option>
        <option value="Author Technique">Author Technique</option>
        <option value="Evidence Support">Supporting with Evidence</option>
        <option value="Data Reasoning">Data Reasoning</option>
      </select>   
      <br style="line-height:10px;">
      <select class="form-control" name="passageid1" data-required>
        <option value="">&nbsp;&nbsp;&nbsp;-Select Your Passage ID-</option>
          <?php 
            $sql = mysqli_query($connect, "SELECT ID FROM excerptlist");
            while ($row = $sql->fetch_assoc()){
              $ID = $row['ID'];
              echo "<option value='".$ID."'>" . $ID . "</option>";
            }
          ?>
      </select>  
    </div>



-选择你的技能-
全局
注重细节
推論
识别功能
语境中的词汇
绘画类比
作者技巧
用证据支持
数据测量

-选择您的通道ID-
错误消息指向第236行

document.getElementById("f9").style.display = "none";
查看html,没有id为
f9
的元素。这意味着
document.getElementById(“f9”)
将返回
null
,并且无法获取该属性的
.style


如果您添加了正确的元素,我认为您的代码将运行良好,因此它无法找到您要使用的元素selecting@epascarello你介意编辑我的代码吗?我的代码在JSFIDLE中工作,所以应该没有问题Hi Robert,欢迎使用堆栈溢出@谢谢你!!!看看我对你的回答的回复嘿,胡安,非常感谢你的回复。我已经有一个id为f9的元素。检查我的编辑。@罗伯特,你现在看到的是另一个错误吗?考虑到JSFIDLE中的所有功能都很好,很难知道其他方法可以提供帮助否。您是否介意在本地运行它,看看是否会遇到同样的问题如果您想建立一个git repo来演示问题,以便它易于启动和运行,我很乐意提供帮助
document.getElementById("f9").style.display = "none";