在javascript中将id作为数字获取。。?
一个简单的问题在javascript中将id作为数字获取。。?,javascript,Javascript,一个简单的问题 var x = document.getElementById('xNum'); var y = document.getElementById('xNum'); var result = x * y; document.write(result); 及 在他们的HTML上使用和处理它 var result = parseInt(x.innerHTML) * parseInt(y.innerHTML) 如果您不需要支持IE9之前的浏览器,那么应该使用textContent而
var x = document.getElementById('xNum');
var y = document.getElementById('xNum');
var result = x * y;
document.write(result);
及
在他们的HTML上使用和处理它
var result = parseInt(x.innerHTML) * parseInt(y.innerHTML)
如果您不需要支持IE9之前的浏览器,那么应该使用textContent而不是innerHTML
如果你的数字可能是浮动的,你应该退房
如果您需要能够处理像012这样的数字,那么应该指定基数参数,因为parseInt可能会错误地解释它们。
在这种情况下,您应该使用parseIntx.innerHTML,10使用并在其HTML上处理它
var result = parseInt(x.innerHTML) * parseInt(y.innerHTML)
如果您不需要支持IE9之前的浏览器,那么应该使用textContent而不是innerHTML
如果你的数字可能是浮动的,你应该退房
如果您需要能够处理像012这样的数字,那么应该指定基数参数,因为parseInt可能会错误地解释它们。
在这种情况下,您应该使用parseIntx.innerHTML,10Js:
var x = document.getByElementId('xNum').innerHTML;
var y = document.getByElementId('xNum').innerHTML;
var result = parseInt(x) * parseInt(y);
document.write(result);
Js:
应该是
var x = document.getElementById('xNum').innerHTML;
var y = document.getElementById('yNum').innerHTML;
var result = x * y;
document.write(result);
应该是
var x = document.getElementById('xNum').innerHTML;
var y = document.getElementById('yNum').innerHTML;
var result = x * y;
document.write(result);
您得到的值是一个字符串,因此为了将其用作数字,您应该将其转换为整数或浮点:
var x = +document.getElementById('xNum').innerHTML;
var y = +document.getElementById('xNum').innerHTML;
var result = x * y;
我使用了一元+运算符,还有其他方法,如parseInt、Number构造函数等。您得到的值是一个字符串,因此要将其用作数字,您应该将其转换为整数或浮点:
var x = +document.getElementById('xNum').innerHTML;
var y = +document.getElementById('xNum').innerHTML;
var result = x * y;
我使用了一元+运算符,还有其他方法,如parseInt、Number构造函数等。将它们解析为整数:
var x = document.getElementById('xNum');
var y = document.getElementById('yNum');
var result = parseInt(x.innerHTML, 10) * parseInt(y.innerHTML, 10);
将它们解析为整数:
var x = document.getElementById('xNum');
var y = document.getElementById('yNum');
var result = parseInt(x.innerHTML, 10) * parseInt(y.innerHTML, 10);
您必须强制转换为int,以便完成计算。默认情况下,该值视为String。< /P>
var x = document.getByElementId('xNum');
var y = document.getByElementId('xNum');
var result = parseInt(x) * parseInt(y); //use parseInt or parseDouble
document.write(result);
及
二十
五十
它给出1000您必须将其转换为int,以便完成计算。默认情况下,该值视为String。< /P>
var x = document.getByElementId('xNum');
var y = document.getByElementId('xNum');
var result = parseInt(x) * parseInt(y); //use parseInt or parseDouble
document.write(result);
及
二十
五十
它给出了1000您必须在javascript中使用parseInt函数来解析字符串以返回整数
您的代码应该如下所示:
var x = document.getElementById('xNum');
var y = document.getElementById('yNum');
var result = parseInt(x.innerHTML) * parseInt(y.innerHTML);
document.write(result);
您必须在javascript中使用parseInt函数来解析字符串以返回整数
您的代码应该如下所示:
var x = document.getElementById('xNum');
var y = document.getElementById('yNum');
var result = parseInt(x.innerHTML) * parseInt(y.innerHTML);
document.write(result);
到目前为止,可能的方法已经用尽,但这里有一个关于textContent的示例:
到目前为止,可能的方法已经用尽,但这里有一个关于textContent的示例:
“您不能将DOM元素相乘。@杰克:对不起,我漏掉了innerHTMLYou正在计算元素,而不是这些元素的内容。”。这就像有一个有3个按钮的盒子和另一个有4个按钮的盒子,并试图计算什么是盒子加盒子?而不是框1的内容加上框2的内容是什么?@Lucanos基本上就是我说的-另外..一个输入错误应该是getElementById而不是getByElementId..您不能将DOM元素相乘。@杰克:对不起,我漏掉了InnerHtml。您正在尝试计算元素,而不是这些元素的内容。这就像有一个有3个按钮的盒子和另一个有4个按钮的盒子,并试图计算什么是盒子加盒子?而不是框1的内容加上框2的内容是什么?@Lucanos基本上就是我说的-此外,还有一个输入错误,应该是getElementById,而不是getByElementId。我同意Pranav,如果使用float value,则需要强制转换:我只想说,这种类型的隐式强制转换以前让我很难堪。我认为,语言允许我们做20*50或20%7,因为一些供应商坚持不具名,这在规范中是一个错误。我同意Pranav,如果使用浮点值,则需要进行铸造:我只想说,这种类型的隐式铸造之前让我感到不安。我认为该语言允许我们做20*50或20%7,因为一些供应商坚持不命名,这是规范中的一个错误。不要忘记基数。Firefox中的parseInt'012'==10。@Blender谢谢,这是一个很好的评论。我不认为人们在数字里写“012”。我会编辑的,别忘了基数。Firefox中的parseInt'012'==10。@Blender谢谢,这是一个很好的评论。我不认为人们在数字里写“012”。我将在中编辑它。一个输入错误,它应该是getElementByIdgetByElementId@Pranav:是的,应该是这样。谢谢,如果我说document.writeresult;我没有得到任何结果..?一个输入错误,应该是getElementByIdgetByElementId@Pranav:是的,应该是这样。谢谢,如果我说document.writeresult;我没有得到任何结果..?如果输入错误,它应该是getElementById而不是GetByElementId;如果输入错误,它应该是getElementById而不是GetByElementId。正如用户Jack正确指出的,这将不起作用,因为您正在访问DOM元素而不是内容。正如用户Jack正确指出的,这将不起作用,因为您正在访问DOM元素,而不是内容。+1有趣的方法。使用element.textContent | | element.innerText可能比使用element.innerHTMLI不想让人讨厌,但是;如果我检查你的演示,它就像魅力!但是,如果我复制你的代码并粘贴,我不能
显示任何结果。。是因为浏览器还是其他原因?我刚刚在我的编辑器上粘贴了相同的代码以进行fiddle,并且在fiddle上它可以工作..:S@user2045937需要确保的一点是,您的JavaScript块位于s@user2045937太好了!快乐编码:+1有趣的方法。使用element.textContent | | element.innerText可能比使用element.innerHTMLI不想让人讨厌,但是;如果我检查你的演示,它就像魅力!但是,如果我复制您的代码并粘贴,我将无法显示任何结果。。是因为浏览器还是其他原因?我刚刚在我的编辑器上粘贴了相同的代码以进行fiddle,并且在fiddle上它可以工作..:S@user2045937需要确保的一点是,您的JavaScript块位于s@user2045937太好了!快乐编码:更正:var y=document.getElementById'yNum',那么只有我们才能得到该div的值为50。更正:var y=document.getElementById'yNum',那么只有我们才能得到div的值为50。