Fatal编程技术网
  • javascript/
  • 如何使用JavaScript将文本居中对齐？

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

javascript html

如何使用JavaScript将文本居中对齐？,javascript,html,alignment,Javascript,Html,Alignment,这段代码工作正常，但我想将欢迎名称居中对齐，使其显示在顶部中间。以下是我到目前为止的情况： <meta name="viewport" content="width=device-width"> <title>prompt demo</title> </head> <body> <h1 id='demo'> </h1> <script> var name=p

这段代码工作正常，但我想将欢迎名称居中对齐，使其显示在顶部中间。以下是我到目前为止的情况：

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



即时演示
var name=prompt（'请输入您的姓名'）
document.getElementById（“demo”）.innerHTML='Welcome'，+name
```


即时演示
var name=prompt（'请输入您的姓名'）
var h1Element=document.getElementById（“演示”）；
h1Element.innerHTML='Welcome'，+name；
h1Element.style.textAlign=“中心”
要实现这一点，您应该创建一个名为“welcomeText”的变量：

var welcomeText = document.getElementById("demo").innerHTML = 'Welcome, ' + name;
然后，此代码将对齐中间的文本：

welcomeText.style.textAlign = "center";
考虑使用CSS代替。这是做这项工作的更好的工具。请检查。。我想它可能会帮助你…不客气。。。