Question

我正在处理一个成绩持有人项目，并且我有一个html类，其中包含一个成绩。

<span class="tooltip">
              <span class="grade">83.49%</span>
            </span>

我想知道如何使用JavaScript将83.49变成90。

我尝试使用getElementsByClass，但实际上不确定如何设置它。我需要做的就是更改特定的成绩。

Answer 1

如果您仅在这个地方使用过年级，可以使用此解决方案：- document.getElementsByClassName("grade")[0].innerText = "90";

Answer 2

document.getElementsByClassName('grade')[0].innerText = '90%';

注意：getElementsByClassName返回类似数组的元素集合。

Answer 3

使用myViewPager2.setUserInputEnabled(true);：

querySelector()

 

document.querySelector(".tooltip .grade").innerText = "90%";

Answer 4

尝试使用Math.ceil()（将数字四舍五入为更高的值）。使用此(num/10)*10公式转换10的数字四舍五入

首先替换%值形式的文本。
然后使用parseFloat()
然后应用上面的公式

var elem = document.querySelectorAll('.grade');
Array.from(elem,(a,b)=>{
var str = a.textContent.replace('%', '').trim();
a.textContent = Math.ceil(parseFloat(str) / 10) * 10+'%';
})

<span class="tooltip">
   <span class="grade">83.49%</span>
   <span class="grade">83.49%</span>
   <span class="grade">43.49%</span>
</span>

Answer 5

您还可以为元素使用单独的ID，如下所述按ID调用它们；

function cha()
{
  ele=document.getElementById("grade");
  ele.innerHTML="90%";
}

<span class="tooltip">
     <span id="grade">83.49%</span>
</span>
<button onclick="cha()">Change</button>

编辑：：如果您仍然想使用类，则可以使用通过使用getElementsByClassName获得的类数组的第0个索引；

    function cha()
    {
      ele=document.getElementsByClassName("grade");
      ele[0].innerHTML="90%";
    }

    <span class="tooltip">
         <span class="grade">83.49%</span>
    </span>
    <button onclick="cha()">Change</button>

如何使用JavaScript更改HTML类的内容？

5 个答案: