So erreichen Sie die Linksausrichtung von Text in JavaScript-Front-End-Fragen und Antworten-php.cn

So erreichen Sie die Linksausrichtung von Text in JavaScript

青灯夜游

Freigeben： 2022-02-08 11:32:22

Original

5070 Leute haben es durchsucht

Methode: 1. Verwenden Sie setAttribute(), die Syntax lautet „element object.setAttribute(„style“, „text-align:left“)“ 2. Verwenden Sie das textAlign-Attribut, die Syntax lautet „element object.style“. textAlign="left" ;".

So erreichen Sie die Linksausrichtung von Text in JavaScript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Linksausrichtung von Text in JavaScript implementieren

Methode 1: Verwenden Sie die Methode setAttribute()

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			div{
				border: 2px solid red;
				text-align: right;
			}
		</style>
	</head>

	<body>
		<div id="box">一个div元素</div><br />
		<button onclick="replaceMessage()"> 让文本左对齐</a>

			<script type="text/javascript">
				function replaceMessage() {
					var div = document.getElementById("box");
					div.setAttribute("style", "text-align: left;");
				}
			</script>

	</body>
</html>

Nach dem Login kopieren

So erreichen Sie die Linksausrichtung von Text in JavaScript

setAttribute(), um das angegebene Attribut hinzuzufügen und ihm den angegebenen Wert zuzuweisen. Wenn diese angegebene Eigenschaft bereits vorhanden ist, wird der Wert nur gesetzt/geändert.

Methode 2: Verwenden Sie das textAlign-Attribut des Stilobjekts.

Das textAlign-Attribut wird verwendet, um die Ausrichtung des Texts im Element zu steuern. Wenn der Wert auf „links“ gesetzt ist, kann der Text entsprechend angeordnet werden links.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			div{
				border: 2px solid red;
				text-align: right;
			}
		</style>
	</head>

	<body>
		<div id="box">一个div元素</div><br />
		<button onclick="replaceMessage()"> 让文本左对齐</a>

			<script type="text/javascript">
				function replaceMessage() {
					var div = document.getElementById("box");
					// div.setAttribute("style", "text-align: left;");
					div.style.textAlign="left";
				}
			</script>

	</body>
</html>

Nach dem Login kopieren

So erreichen Sie die Linksausrichtung von Text in JavaScript

【Verwandte Empfehlungen: Javascript-Lerntutorial】

Das obige ist der detaillierte Inhalt vonSo erreichen Sie die Linksausrichtung von Text in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!