如何在Mozilla Firefox中更改此innerText？ [英] How can I change this innerText in Mozilla Firefox?
问题描述
嗨！
我正在尝试使用以下代码更新文档中的数字。它
显示一个数字，一个带减号的div块和一个带有
加号的div块。当我点击加号时，我想要将数字加到
本身，当我按下减号时我想减去一个。
这个有效在Internet Explorer中，但是在Mozilla中没有任何反应。
这里任何有头脑的人都可以发现我做错了吗？这可能是什么
Mozilla不喜欢？
< html>
< head>
< title>加/减< / title>
< script type =" text / javascript">
函数change_number（minus_or_plus） {
var number = document.getElementById（" number"）;
old_number = parseInt（number.innerText）;
if（minus_or_plus ===''减去''）{
new_number =（old_number - 1）;
number.innerText = new_number;
}否则if（minus_or_plus ===''加''）{
new_number = old_number + 1;
number.innerText = new_number; < br $>
}
}
< / script>
< / head>
< body>
< div id =" number"> 99< / div>
< div style = "光标：手;" onmousedown =" change_number（''minus''）"> - < / div>
< div style =" cursor：hand;" onmousedown =" change_number（''plus''）"> +< / div>
< / body>
< / html>
Hi!
I''m trying to update a number in a document with the following code. It
displays a number, a div block with a minus sign and a div block with a
plus sign. When I click the plus sign I want the number to add one to
itself, and when I press minus I want it to subtract one.
This works in Internet Explorer, but nothing happens in Mozilla.
Can any bright head here spot what I''m doing wrong? What here might
Mozilla not like?
<html>
<head>
<title>Add or subtract</title>
<script type="text/javascript">
function change_number(minus_or_plus){
var number = document.getElementById("number");
old_number = parseInt(number.innerText);
if (minus_or_plus === ''minus''){
new_number = (old_number - 1);
number.innerText = new_number;
} else if (minus_or_plus === ''plus''){
new_number = old_number + 1;
number.innerText = new_number;
}
}
</script>
</head>
<body>
<div id="number">99</div>
<div style="cursor:hand;" onmousedown="change_number(''minus'')">-</div>
<div style="cursor:hand;" onmousedown="change_number(''plus'')">+</div>
</body>
</html>
推荐答案
Jeff写道：
[snip]
Jeff wrote:
[snip]
可以这里任何一个聪明的头脑发现我做错了什么？这可能是什么？
Mozilla不喜欢？
< html>
< head>
< title>加/减< / title>
< script type =" text / javascript">
函数change_number（minus_or_plus）{
var number = document.getElementById（" number"）;
old_number = parseInt（number.innerText）;
if（minus_or_plus ===''减去''）{
new_number =（old_number - 1）;
数字。 innerText = new_number;
}如果（minus_or_plus ===''加''）{
new_number = old_number + 1;
number.innerText = new_number;
}
}
< / script>
函数change_number（minus_or_plus）{
d = document.getElementById（" number"）。firstChild.dat a;
document.getElementById（" number"）。firstChild.data = arguments [0] ==''plus''？
+ d + 1：d-1;
}
Mick< / head>
< body>
< div id =" number"> 99< / div>
< div style =" cursor：hand;" onmousedown =" change_number（''minus''）"> - < / div>
< div style =" cursor：hand;" onmousedown =" change_number（''plus''）"> +< / div>
< / body>
< / html>
Can any bright head here spot what I''m doing wrong? What here might
Mozilla not like?
<html>
<head>
<title>Add or subtract</title>
<script type="text/javascript">
function change_number(minus_or_plus){
var number = document.getElementById("number");
old_number = parseInt(number.innerText);
if (minus_or_plus === ''minus''){
new_number = (old_number - 1);
number.innerText = new_number;
} else if (minus_or_plus === ''plus''){
new_number = old_number + 1;
number.innerText = new_number;
}
}
</script>
function change_number(minus_or_plus){
d=document.getElementById("number").firstChild.dat a;
document.getElementById("number").firstChild.data =arguments[0]==''plus''?
+d+1:d-1;
}
Mick </head>
<body>
<div id="number">99</div>
<div style="cursor:hand;" onmousedown="change_number(''minus'')">-</div>
<div style="cursor:hand;" onmousedown="change_number(''plus'')">+</div>
</body>
</html>
Mick White写道：
[...]
Mick White wrote:
[...]
function change_number（minus_or_plus）{
d = document.getElementById（" number"）。firstChild.dat a;
document.getElementById（" number"）。firstChild.data = arguments [0] ==''plus''？
+ d + 1：d-1;
}
function change_number(minus_or_plus){
d=document.getElementById("number").firstChild.dat a;
document.getElementById("number").firstChild.data =arguments[0]==''plus''?
+d+1:d-1;
}
我喜欢你的逻辑，但这个（恕我直言）更容易理解
维护（并使用本地变量而不是全局变量）：
函数change_number（符号）{
var d =文档。 getElementById（" number"）。firstChild;
var t = d.data;
d.data =（sign ==''plus''）？ + t + 1：+ t-1;
}
注意：
1.对于那些浏览器没有任何限制不支持
getElementById（）。
2.具有id =" number"的div必须包含一个数字作为第一个孩子。
3.+在+ t-1中使用的并非严格要求，但保持
代码更整洁。 ; -p
-
Zif
I like your logic, however this (IMHO) is a bit easier to follow and
maintain (and uses local rather than global variables):
function change_number(sign){
var d = document.getElementById("number").firstChild;
var t = d.data;
d.data = (sign ==''plus'')? +t+1 : +t-1;
}
Notes:
1. No allowance is made for browsers that don''t support
getElementById().
2. The div with id="number" must contain a number as the first child.
3. The "+" used in "+t-1" is not strictly required, but keeps the
code neater. ;-p
--
Zif
Jeff写道：
任何明亮的脑袋都可以看出我做错了什么？这可能是什么？Mozilla不喜欢？
函数change_number（minus_or_plus）{
var number = document.getElementById（" number"）;
old_number = parseInt（number.innerText）;
if（minus_or_plus ===''减去''）{
new_number =（old_number - 1）;
number.innerText = new_number;
}否则if（minus_or_plus ===' 'plus''）{
new_number = old_number + 1;
number.innerText = new_number;
}
}
Can any bright head here spot what I''m doing wrong? What here might
Mozilla not like? function change_number(minus_or_plus){
var number = document.getElementById("number");
old_number = parseInt(number.innerText);
if (minus_or_plus === ''minus''){
new_number = (old_number - 1);
number.innerText = new_number;
} else if (minus_or_plus === ''plus''){
new_number = old_number + 1;
number.innerText = new_number;
}
}
Mick White写道：
函数change_number（minus_or_plus）{
d = document.getElementById（" number"）。firstChild.dat a;
document.getElementById（" number"） .firstChild.data = arguments [0] ==''加''？
+ d + 1：d-1;
}
Mick
Mick White wrote:
function change_number(minus_or_plus){
d=document.getElementById("number").firstChild.dat a;
document.getElementById("number").firstChild.data =arguments[0]==''plus''?
+d+1:d-1;
}
Mick
非常优雅。这在ie和mozilla都很顺利！
谢谢！
Very elegant. This works smoothly in both ie and mozilla!
Thank you!
这篇关于如何在Mozilla Firefox中更改此innerText？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
