如何使用JavaScript从下到上垂直显示文本?

如何使用JavaScript从下到上垂直显示文本?,javascript,Javascript,我想从下到上垂直显示给定的单词,单词中的每个字母都必须在另一个字母的下方。(如下图所示。) 我希望使用JavaScript实现上述场景 谢谢。从上到下写,但先还原 document.write(str.split('').reverse().join('<br>')); document.write(str.split(“”).reverse().join(“”); 从上到下写,但先还原 document.write(str.split('').reverse().join('&

我想从下到上垂直显示给定的单词,单词中的每个字母都必须在另一个字母的下方。(如下图所示。) 我希望使用JavaScript实现上述场景


谢谢。

从上到下写,但先还原

document.write(str.split('').reverse().join('<br>'));
document.write(str.split(“”).reverse().join(“
”);
从上到下写,但先还原

document.write(str.split('').reverse().join('<br>'));
document.write(str.split(“”).reverse().join(“
”);

var str=“ineedtodisplay”;
document.getElementById('a').innerHTML=str.split('').join('
');

var str=“ineedtodisplay”;
document.getElementById('a').innerHTML=str.split('').join('
');
类似这样的内容:

var元素=document.querySelector('.blubb');
var stringToArray=element.innerHTML.split(“”);
var reversesedarray=stringToArray.reverse();
element.innerHTML=“”;//blubb中的空内容
refereseDarray.forEach(函数(字母){
element.innerHTML+=''+字母+'

';//添加带有标记的字母 });
Ineedtodisplay
类似以下内容:

var元素=document.querySelector('.blubb');
var stringToArray=element.innerHTML.split(“”);
var reversesedarray=stringToArray.reverse();
element.innerHTML=“”;//blubb中的空内容
refereseDarray.forEach(函数(字母){
element.innerHTML+=''+字母+'

';//添加带有标记的字母 });
Ineedtodisplay
函数显示(){
var i=0;
var str=“YourString”;
var temp=str.split(“”);
var reversestr=temp.reverse();
对于(变量i=0,len=reversestr.length;i”;
}
};

我的垂直显示器
单击我来显示。
函数显示(){
var i=0;
var str=“YourString”;
var temp=str.split(“”);
var reversestr=temp.reverse();
对于(变量i=0,len=reversestr.length;i”;
}
};

我的垂直显示器
单击我来显示。
JS+CSS解决方案:
//反转元素的字符串顺序
var elm=document.querySelector('p');
elm.textContent=elm.textContent.split(“”).reverse().join(“”)
p{
字体:20px monospace;/*monospace字体最好,因为每个字符的宽度相同*/
宽度:20px;/*与字体大小相同*/
分词:全部分词;/*使非间隔文本分词*/
}
文本从底部开始

JS+CSS解决方案:
//反转元素的字符串顺序
var elm=document.querySelector('p');
elm.textContent=elm.textContent.split(“”).reverse().join(“”)
p{
字体:20px monospace;/*monospace字体最好,因为每个字符的宽度相同*/
宽度:20px;/*与字体大小相同*/
分词:全部分词;/*使非间隔文本分词*/
}

文本从底部开始

document.write=str.split('').join('
)@lvaroTouzón,除了
document。write
是一个要调用的函数,而不是分配给它的函数,这并不重要,因为你不应该使用
document.write
。@Xufox是的,很抱歉,谢谢你更清楚了,我可以编辑我对solvedocument.write=str.split(“”)。join(“
)@lvaroTouzón,除了
文档。write
是一个要调用的函数,而不是分配给它的函数,这并不重要,因为你不应该使用
文档。无论如何都要写
。@Xufox是的,很抱歉,感谢更清楚的是,我可以编辑我的注释来解决问题