为什么refButton要null使用以下JavaScript代码？
<html>
<head>
<title></title>
<script type="text/javascript">
var refButton = document.getElementById("btnButton");
refButton.onclick = function() {
alert('I am clicked!');
};
</script>
</head>
<body>
<form id="form1">
<div>
<input id="btnButton" type="button" value="Click me"/>
</div>
</form>
</body>
</html>
我在使用简单的复选框弹出我的窗口警报时出现问题,并且不能为我的生活找出原因.这是基本的Javascript和HTML:
var blue_box=document.getElementById("color-blue");
function colorFunction() {
window.alert("This color is blue!");
}
blue_box.onclick=colorFunction;<form action="" method="POST" id="form">
<fieldset>
<legend> Form!</legend>
<ul>
<li><label><input type="checkbox"
name="color"
value="blue"
id="color-blue" />
blue</label>
</li>
<li><label><input type="checkbox"
name="color"
value="red"
id="color-red" />
red</label>
</li>
<li><label><input type="checkbox"
name="color"
value="yellow"
id="color-yellow" />
yellow </label>
</li>
</ul>
</fieldset>
</form>哪个投掷:Uncaught TypeError: Cannot set property 'onclick' of null
下
blue_box.onclick=colorFunction;
我的代码中是否有任何可见的错误原因？
这是我的代码.为什么它不起作用？
<Script>
$('#colorselector').change(function() {
$('.colors').hide();
$('#' + $(this).val()).show();
});
</Script>
<Select id="colorselector">
<option value="red">Red</option>
<option value="yellow">Yellow</option>
<option value="blue">Blue</option>
</Select>
<div id="red" class="colors" style="display:none"> .... </div>
<div id="yellow" class="colors" style="display:none"> ... </div>
<div id="blue" class="colors" style="display:none"> ... </div>
我正在尝试做一些相当简单的事情,但由于我的原因可能不足以搜索文档,我无法让它工作.
我有一个功能强大的内联JS,看起来像这样:
<A title="Wolfram IP Calc" href="javascript:txt=prompt('Enter%20IP%20address,%20e.g.%2010.20.30.40/29','1.2.3.4/5');%20if(txt)%20window.open('http://www.wolframalpha.com/input/?i='+txt);void(O);">Compute!</A>
出于各种原因,我正试图分离JS,这就是我遇到麻烦的地方.
我创建了以下测试页面,它给出了错误Uncaught TypeError: Cannot call method 'addEventListener' of null:
<HTML> <HEAD profile="http://www.w3.org/2005/10/profile"> <script type="text/javascript">
var compute = document.getElementById('compute');
compute.addEventListener('click', computeThatThing, false);
function computeThatThing() {
txt=prompt('Enter%20IP%20address,%20e.g.%2010.20.30.40/29','1.2.3.4/5');
if(txt) {
window.open('http://www.wolframalpha.com/input/?i='+txt);
}
}
</script></HEAD>
<BODY>
<A title="Wolfram IP Calc" id="compute" href="javascript:void(O);">Test</A>
</BODY>
</HTML>
我能找到的唯一一个指向这样的问题的是它addEventListener无法使用<A>但应该处理<IMG>(这对我来说很合适,因为我要将它倒在一些图像上),所以我尝试添加以下无济于事:
<img id="compute" src="http://products.wolframalpha.com/images/products/products-wa.png" />
提前谢谢你指出我做错了什么.这可能是显而易见的,但我对JS的经验几近为零,而且到目前为止,我已经大部分都是通过货物结果.
我一直在成功使用document.GetElementById,但从一段时间以来我再也无法使用了.我使用它的旧页面仍然可以工作,但事情就像这样简单:
<html>
<head>
<title>no title</title>
<script type="text/javascript">
document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?";
</script>
</head>
<body>
<div id="ThisWillBeNull"></div>
</body>
</html>
给我"document.getElementById("parsedOutput")现在一直是null".如果我使用Firefox或Chrome或者我启用了哪些扩展程序或者我用于html的标题,它无关紧要,它始终为空,我找不到可能出错的地方.
谢谢你的输入=)
<html>
<head>
<title>Test javascript</title>
<script type="text/javascript">
var e = document.getElementById("db_info");
e.innerHTML='Found you';
</script>
</head>
<body>
<div id="content">
<div id="tables">
</div>
<div id="db_info">
</div>
</div>
</body>
</html>
如果我使用alert(e);它出现null....显然我没有在屏幕上找到任何"找到你".我究竟做错了什么？
我有这个页面,我正在创建,我似乎无法得到一个简单的jQuery点击工作.尝试悬停,尝试点击,尝试鼠标悬停等.没有运气.安装了jQuery 1.7.1.不确定为什么功能不起作用.任何人都有任何想法.链接和javascript遵循.提前致谢.
http://www.bigideaadv.com/adaptive/
$("#menu_show").click(function () {
alert('Works!');
});
戴夫
虽然我把一个参数推到了getElementById我想知道这个'是null'错误来自哪里？
TypeError: document.getElementById(...) is null
[Break On This Error]
document.getElementById(elmId).innerHTML = value;
Line 75
除此之外,我想知道为什么标题和时间没有显示,除非我点击其中一个播放列表图片？
我希望在单击按钮时复制div.我虽然这样; 但它不起作用.谁能帮我？
HTML
<div id="duplicater">
duplicate EVERYTHING INSIDE THIS DIV
</div>
JAVASCRIPT
function duplicate()
{
var div = duplicate("div");
div.id = "duplicater";
div.appendChild(duplicate("duplicater"));
}
这是为了向所有相似的(但是太具体的问题,成为一个近距离目标候选人)提供规范的问答,每周弹出一到两次.
我正在开发一个应用程序,需要解析一个包含表格的网站.由于派生用于抓取网页的XPath表达式是无聊且容易出错的工作,我想使用Firebug的XPath提取器功能(或其他浏览器中的类似工具).
示例输入如下所示:
<!-- snip -->
<table id="example">
<tr>
<th>Example Cell</th>
<th>Another one</th>
</tr>
<tr>
<td>foobar</td>
<td>42</td>
</tr>
</table>
<!-- snip -->
我想提取第一个数据单元格("foobar").Firebug提出了XPath表达式
//table[@id="example"]/tbody/tr[2]/td[1]
它适用于任何XPath测试器插件,但不适用于我自己的应用程序(未找到结果).如果我将查询减少到//table[@id],它会再次起作用.
出了什么问题？
javascript ×8
html ×3
dom ×2
jquery ×2
click ×1
copy ×1
duplicates ×1
events ×1
firebug ×1
handler ×1
hover ×1
html-select ×1
innerhtml ×1
xpath ×1