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