Javascript 如何将我附加的js放在中心并替换它

这是我的密码：

我有两个问题。首先，如何将按钮显示的段落居中。我尝试在css中使用id的“文本”和“元素”，但什么也没发生

此外，当我按下按钮时，我希望新的列表和字母替换旧的列表和字母，但不清除整个内容。谢谢

我会添加一个“列表目标”div，您每次都会清除它：

将其添加到您希望项目显示的底部的html中。这里的好处是，它可以放在文档中的任何位置，因此您可以将项目移动到显示的位置

<div id="listHolder"></div>

然后在CSS中添加文本align:center-

#listHolder{
  text-align:center;
}

轰！工作起来很有魅力

作为记录，你应该重新考虑称之为“列表”，因为它不是。。。名单。它谈论的是一个列表，但也许你可以把它称为更集中于程序员而不是用户的东西，因为用户不看你的源代码。比如说，“输出”或“输出父对象”，等等。我之所以使用listHolder是因为这是您的术语，但最好确保未来的程序员，甚至是6周后的您，能够回到这段代码并像“是的，这很有意义”。

检查输出

只需将输出文本居中对齐，并在每次按此按钮时指定文本

function listAndLetter(){
     var alphabet=["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "R", "S", "T", "W" ];
var randomLetter= alphabet[Math.floor( Math.random() * 20)];

var list=[1,2,3,4,5,6];
var randomList=list[Math.floor( Math.random() * 6)];

document.getElementById("content").innerHTML="<div>Your list is" + " " + randomList+ " "+ "and your letter is" + " " + randomLetter+"!</div>";
}

函数listAndLetter（）{
变量字母表=[“A”、“B”、“C”、“D”、“E”、“F”、“G”、“H”、“I”、“J”、“K”、“L”、“M”、“N”、“O”、“P”、“R”、“S”、“T”、“W”]；
var randomLetter=字母表[Math.floor（Math.random（）*20）]；
var列表=[1,2,3,4,5,6]；
var randomList=list[Math.floor（Math.random（）*6）]；
document.getElementById（“content”）.innerHTML=“您的列表是“+”+randomList++”，您的字母是“+”+randomLetter+！”；
}

在JS Bin中，

文本和
元素是JavaScript变量，而不是CSS选择器。如果希望以这种方式引用它们，则需要向生成的HTML添加ID

var element = document.createElement('div');
element.className = "aClassName";

然后使用CSS引用
.aClassName

.aClassName{
   text-align:center;
}

你能详细描述一下你的代码中有哪些部分在苦苦挣扎吗？你说的“将按钮显示的段落居中”是什么意思？你想将按钮居中吗？它的内容？垂直还是水平？它应该是什么样子？你还说你希望新的列表取代旧的列表，但是“不清除整个事情”。什么应该和不应该被清除？对不起，我不够清楚。我的意思是，我希望新列表替换旧列表，但我不希望它替换标题下的按钮、标题和段落。我已经搜索了很长时间…谢谢。
.aClassName{
   text-align:center;
}