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

Question

这段代码工作正常，但我想将 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>```

Answer 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>

Answer 2

为此，您应该创建一个名为 'welcomeText':

的变量

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

然后，此代码将使文本居中对齐：

welcomeText.style.textAlign = "center";

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

How do I center align text using JavaScript?

html

javascript

alignment