簡體   English   中英

在javascript中右對齊文本

[英]Right align text in a javascript

我是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);

});

您似乎在混合許多概念。 要使文本在表​​格單元格( <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方法可能更好(也更干凈)。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM