首先，确保你有一个HTML元素包含你想要居右显示的文字。例如：
```html
```
接下来，你可以使用JavaScript来动态地为这个元素添加一个类，或者直接修改它的样式属性。以下是使用JavaScript修改样式的示例代码：
```javascript
// 获取目标元素
var element = document.getElementById('textContainer');
// 修改元素的CSS样式，使其文字居右
element.style.textAlign = 'right';
```
这段代码的作用是找到ID为`textContainer`的HTML元素，并将其内部的文字设置为居右对齐。`textAlign`属性是CSS中的一个标准属性，用于控制文本的水平对齐方式。
如果你希望将这段功能封装成一个函数，以便复用，可以这样做：
```javascript
function makeTextRightAlign(elementId) {
var element = document.getElementById(elementId);
if (element) {
element.style.textAlign = 'right';
} else {
console.error('Element with ID ' + elementId + ' not found.');
}
}
// 调用函数
makeTextRightAlign('textContainer');
```
这样，无论何时你需要让某个元素的文字居右显示，只需调用`makeTextRightAlign`函数并传入相应的ID即可。
总结来说，虽然CSS是最直接的方式来处理这类问题，但在某些复杂场景下，利用JavaScript动态调整样式也是一种有效的方法。通过上述步骤，你可以轻松地在网页上实现文字居右显示的效果。
