我需要将某些 jQuery upload_progress 参数转换为 JavaScript答案

【问题标题】：I need to convert certain jQuery upload_progress params to JavaScript我需要将某些 jQuery upload_progress 参数转换为 JavaScript
【发布时间】：2022-09-24 04:56:13
【问题描述】：

以下代码在 jQuery 中用于 ajax 文件上传：

//upload_percent = Math.ceil(upload_position / upload_total * 100);
$(\'.upload_progress\').css(\'width\', upload_percent + \'%\');
$(\'.upload_progress\').text(upload_percent + \'%\');

HTML：

<div class=\"upload_progress\" style=\"width:0%\">0%</div>

现在我需要将上面的 jQuery 代码转换为 JavaScript 以显示文件的upload_progress。

我知道在 JavaScript 中，可以执行代码 document.getElementById(\'upload_progres\') 之类的操作，但我的问题是 upload_progress 也作为类显示在 HTML div 中。

你会想要document.querySelector 或document.getElementsByClassName

标签： javascript

【解决方案1】：

document.getElementsByClassName('upload_progress')[0] - 将选择此类的第一个元素。那么你应该使用document.getElementsByClassName('upload_progress')[0].style.width(upload_percent + '%');而不是.width()，而不是.text()，你需要使用.innerHTML

【讨论】：

谢谢你回到我身旁。你的回答我不清楚。是不是这样的。 document.getElementsByClassName('upload_progress')[0].element.style.width(upload_percent + '%'); document.getElementsByClassName('upload_progress')[0].text(upload_percent + '%'); 它不工作
document.getElementsByClassName('upload_progress')[0].style.width(upload_percent + '%'); 和第二个使用 .innerHTML() 而不是 .text()