Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何按类将JavaScript应用于HTML表以显示小数点后2位?_Javascript_Html - Fatal编程技术网

如何按类将JavaScript应用于HTML表以显示小数点后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

如何将JavaScript函数按类应用于HTML表以显示小数点后2位?JavaScript 必须应用于特定的HTML表类“sal”

默认情况下,该表将包含来自其他来源的数据,小数点后4、5或6位,我需要将其输出为小数点后2位

<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;
}