javascript - javascript 中的文本右对齐

Question

我是 javascript 的初学者。我在论坛上进行了研究，寻找我的问题的答案。有一些我认为我可以使用的，除了我的代码，我不确定将其放在哪里或如何放置。有人能帮我吗？我需要显示八行右对齐。谢谢!!!

results.each(function(index) {
var result = "";
var theseClmStats = record.tables.PlanClmStats[index].tables.ClmStats;
var thisPlanClmStats = record.tables.PlanClmStats[index];
//query("#test").append(thisPlanClmStats.fields["PlanName"]+ " (" + index + ') has ' + thisPlanClmStats.tables.length +' table(s)<br/>');
if(thisPlanClmStats.fields.PlanId != null) {
    theseClaimSource = thisPlanClmStats.tables.ClmStats.ClaimSource;
    result += '<tr data-repeat="" data-breakable="ClaimSource' + index +'">';
    result += '</tr>';

    var ClmStatslen = theseClmStats.length;

    for (var i=0; i < ClmStatslen; i++) {
        var thisClmStats = theseClmStats[i];

        result += '<tr data-repeat="" data-breakable="ClmStats' + i +'">';
        result += '<td><br/></td>';
        result += '<td class="data PlanID" textAlign:right>'+ thisClmStats.fields["ClaimSource"] + '</td>';
        result += '<td class="data PlanID">'+ thisClmStats.fields["UniqueParticipants4"] + '</td>';
        result += '<td class="data PlanID">'+ thisClmStats.fields["ClaimVolume4"] + '</td>';
        result += '<td class="data PlanID">'+ thisClmStats.fields["ClaimAverage4"] + '</td>';
        result += '<td class="data PlanID">'+ thisClmStats.fields["PercentageofTOTALVolume4"] + '</td>';
        result += '<td class="data PlanID">'+ thisClmStats.fields["Paid4"] + '</td>';
        result += '<td class="data PlanID">'+ thisClmStats.fields["Pending4"] + '</td>';
        result += '<td class="data PlanID">'+ thisClmStats.fields["Denied4"] + '</td>';

        result += '</tr>';
    }
}

this.after(result);

});

Answer 1

您似乎将一堆概念混合在一起。要使文本在表​​格单元格 ( <td> ) 中右对齐，您只需将 CSS 应用于您正在使用的类之一，例如:

<style type="text/css">
     td.PlanID {text-align:right}
</style>

然后，当您附加 HTML 时，CSS 将自动应用。

如果您无法调整 CSS 文件(或 HTML 文件)，请尝试添加到您的 JS:

document.getElementsByClassName("PlanID").style.textAlign= "right";

然后您可以在 Javascript 末尾添加这一行。但使用 CSS 方法可能更好(而且更干净)。