Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk mencapai penjajaran kiri teks dalam JavaScript

Bagaimana untuk mencapai penjajaran kiri teks dalam JavaScript

青灯夜游
Lepaskan: 2022-02-08 11:32:22
asal
5057 orang telah melayarinya

Kaedah: 1. Gunakan setAttribute(), sintaksnya ialah "elemen object.setAttribute("style", "text-align:left""; object.style.textAlign ="left";".

Bagaimana untuk mencapai penjajaran kiri teks dalam JavaScript

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Mencapai penjajaran kiri teks dalam JavaScript

Kaedah 1: Gunakan 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>
Salin selepas log masuk
< Kaedah 🎜>

Bagaimana untuk mencapai penjajaran kiri teks dalam JavaScript

setAttribute() menambah atribut yang ditentukan dan memberikannya nilai yang ditentukan. Jika sifat yang dinyatakan ini sudah wujud, nilai hanya ditetapkan/diubah.

Kaedah 2: Gunakan atribut textAlign bagi objek gaya

Atribut textAlign digunakan untuk mengawal penjajaran teks dalam elemen apabila nilai ditetapkan ke "kiri", teks boleh Susun ke kiri.

<!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>
Salin selepas log masuk

Bagaimana untuk mencapai penjajaran kiri teks dalam JavaScript

[Cadangan berkaitan:

tutorial pembelajaran javascript]

Atas ialah kandungan terperinci Bagaimana untuk mencapai penjajaran kiri teks dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan