如何使用 JavaScript 居中对齐文本？答案

【问题标题】：How do I center align text using JavaScript?如何使用 JavaScript 居中对齐文本？
【发布时间】：2021-01-14 04:40:45
【问题描述】：

此代码工作正常，但我想将 Welcome, '+name 居中对齐，以便它显示在顶部中心。这是我目前所拥有的：

<meta name="viewport" content="width=device-width">
<title>prompt demo</title>
</head>
<body>
<h1 id='demo'> </h1>
<script>
  var name=prompt('Please enter your name.')
  document.getElementById("demo").innerHTML='Welcome, '+name
</script>```

【问题讨论】：

考虑改用 CSS。这是完成这项工作的更好工具。
请检查link..我想它可以帮助你...

标签： javascript html alignment

【解决方案1】：

<meta name="viewport" content="width=device-width">
<title>prompt demo</title>
</head>
<body>
<h1 id='demo'> </h1>
<script>
  var name=prompt('Please enter your name.')
  var h1Element = document.getElementById("demo");
  h1Element.innerHTML='Welcome, '+name;
  h1Element.style.textAlign = "center"
</script>

【讨论】：

【解决方案2】：

为此，您应该创建一个名为“welcomeText”的变量：

var welcomeText = document.getElementById("demo").innerHTML = 'Welcome, ' + name;

然后，这段代码会将文本居中对齐：

welcomeText.style.textAlign = "center";

【讨论】：