如何按类将JavaScript应用于HTML表以显示小数点后2位?
如何将JavaScript函数按类应用于HTML表以显示小数点后2位?JavaScript 必须应用于特定的HTML表类“sal” 默认情况下,该表将包含来自其他来源的数据,小数点后4、5或6位,我需要将其输出为小数点后2位如何按类将JavaScript应用于HTML表以显示小数点后2位?,javascript,html,Javascript,Html,如何将JavaScript函数按类应用于HTML表以显示小数点后2位?JavaScript 必须应用于特定的HTML表类“sal” 默认情况下,该表将包含来自其他来源的数据,小数点后4、5或6位,我需要将其输出为小数点后2位 <html> <head> <script> function myFunction() { var num = document.getElementById("sal
<html>
<head>
<script>
function myFunction() {
var num = document.getElementById("sal");
var n = num.toFixed(2);
document.getElementById("sal") = n;
}
onload = myFunction()
</script>
</head>
<body>
<table class="tg" border=2px;>
<thead>
<tr>
<th class="tg-hdr1">NAME</th>
<th class="tg-hdr2">SALARY</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tg-namehead">Andrew</td>
<td class="tg-sal">211785.678489</td>
</tr>
<tr>
<td class="tg-namehead">Pete</td>
<td class="tg-sal">525225.7789</td>
</tr>
<tr>
<td class="tg-namehead">Jack</td>
<td class="tg-sal">98958.489</td>
</tr>
</tbody>
</body>
</html>
函数myFunction(){
var num=document.getElementById(“sal”);
var n=num.toFixed(2);
document.getElementById(“sal”)=n;
}
onload=myFunction()
名称
薪水
安得烈
211785.678489
皮特
525225.7789
杰克
98958.489
您可以使用document.getElementsByClassName(className)
按类名选择文档的元素
var palaries=document.getElementsByClassName(“tg-sal”);
对于(i=0;i<0.length;i++){
var currentValue=工资[i].innerHTML;
var newValue=currentValue.substring(0,currentValue.indexOf(“.”+2);
工资[i].innerHTML=newValue;
}
使用以下内容的简短解决方案:
document.queryselectoral('.tg sal').forEach((e)=>{
e、 innerText=数字(例如innerText).toFixed(2);
})
名称
薪水
安得烈
211785.678489
皮特
525225.7789
杰克
98958.489
您好,工作正常,但有一个问题。在我的表格中,我得到了无组织的格式。就像我需要的数据是0.35%,而它显示的是0.35%
var salaries = document.getElementsByClassName("tg-sal");
for (i = 0; i < salaries.length; i++) {
var currentValue = salaries[i].innerHTML;
var newValue = currentValue.substring(0, currentValue.indexOf(".") + 2);
salaries[i].innerHTML = newValue;
}