JavaScript错误未定义对象,尽管对象存在
JavaScript error undefined object although object exist
我有以下代码
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<div class="full-details-box" name="full_details_box" id="full-details-box"></div>
<hr />
<script type='text/javascript'>
function show_3136(){
document.full_details_box.style.display='block';
}
show_3136();
</script>
</body>
</html>
我得到错误:window.document.full_details_box未定义
我得到了线路的错误:
document.full_details_box.style.display='block';
但我确实有一个名为full_details_box
的<div>
元素,那么为什么会出现错误呢?
不要对div使用name
属性。它根本不存在。使用id和:
document.getElementById('full-details-box')...
function show_3136(){
document.getElementById('full_details_box').style.display='block';
}
要访问此元素,请使用getElementById
function show_3136() {
document.getElementById("full-details-box").style.display = "block";
}
您可以进行
document.getElementById("full-details-box").style.display='block';
只是为了增加您的困惑-您可能一直在考虑表单字段所有这些都将在表单字段上工作(第一个仅当您将字段包装在表单标签中时)
<html>
<head>
<script type='text/javascript'>
function showFormField(){
document.forms[0].full_details_boxName.style.display='block';
// or document.forms[0].elements["full_details_boxName"].style.display='block';
}
function showNamedField(){
document.getElementsByName("full_details_boxName")[0].style.display='block';
}
function showFieldById(){
document.getElementsById("full_details_boxID").style.display='block';
}
function showFieldByClassName(){ // does not work in all IE browsers
document.getElementsByClassName("full_details_boxCLASS")[0].style.display='block';
}
</script>
</head>
<body>
<form>
<input class="full-details-boxCLASS" name="full_details_boxName" id="full-details-boxID"/>
</form>
</body>
</html>
对于DIV,您将使用ID或CLASS,但不使用名称
HTML:
<div id="full-details-box">
Just some test content
</div>
<hr />
CSS:
div#full-details-box {
display:none;
}
JS:
function show_3136(){
document.getElementById("full-details-box").style.display = "block";
}
show_3136();
有关工作示例,请参阅jsFiddle
相关文章:
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 验证会话中是否存在对象's数组
- 使用js/jQuery检查对象(而不是元素)是否真的存在
- 对象为null或IE9中存在未定义错误
- 如何通过json对象选项卡中的Id来检查对象是否存在
- underline-js:将键对象与数组键对象进行比较,如果存在,则移除现有的添加新的
- 查找数组's按属性不存在于另一个数组中的对象
- javascript检查对象存在
- 用javascript在对象上创建不存在的方法
- 为什么没有从数组中存在的对象中删除属性
- 我的无引用 JavaScript 对象存在在哪里以及存在多长时间
- 没有窗口对象存在 webpack nodejs
- 在从Flash调用javascript对象之前,请确保该对象存在
- JavaScript错误未定义对象,尽管对象存在
- JS Ajax onreadystatechange是没有定义的,虽然对象存在
- 对象存在吗?JavaScript对象
- 对象存在,但在youtube响应中仍未定义
- 仅当对象存在时,才从 javascript 中的 html 表单对象读取
- 全局处理javascript对象存在性检查
- 当只有一个对象存在时,Jquery返回两个对象