Belajar JavaScript untuk membaca data kawalan makro-tutorial js-php.cn

Belajar JavaScript untuk membaca data kawalan makro

WBOY

Lepaskan： 2024-04-03 18:33:02

asal

406 orang telah melayarinya

JavaScript membolehkan kami membaca data kawalan makro, termasuk: Membaca data teks: menggunakan sifat textContent. Baca data imej: gunakan atribut src. Mengendalikan elemen interaktif: Gunakan pengendali acara JavaScript standard.

Belajar JavaScript untuk membaca data kawalan makro

Belajar JavaScript untuk membaca data kawalan makro

Pengenalan

Kawalan makro ialah kawalan yang digunakan untuk memaparkan grafik kompleks dalam halaman web. Ia boleh mengandungi pelbagai data, seperti teks, imej dan elemen interaktif. JavaScript membenarkan kami mengakses dan memanipulasi data dalam kawalan makro untuk mencipta aplikasi web yang dinamik dan interaktif.

Dapatkan elemen kawalan makro

Untuk mengendalikan data kawalan makro, anda perlu mendapatkan elemen kawalan makro terlebih dahulu. Anda boleh menggunakan kaedah document.getElementById() JavaScript untuk mendapatkan elemen dengan ID tertentu. document.getElementById() 方法来获取特定 ID 的元素。

const macroControl = document.getElementById("macroControl");

Salin selepas log masuk

读取文本数据

如果宏控件包含文本数据，可以使用 textContent 属性来获取它。

const textData = macroControl.textContent;

Salin selepas log masuk

读取图像数据

要获取宏控件中图像的源，可以使用 src

const imageData = macroControl.src;

Salin selepas log masuk

Baca data teks

Jika kawalan makro mengandungi data teks, anda boleh menggunakan atribut textContent untuk mendapatkannya.

macroControl.addEventListener("click", (event) => {
  // 在此处理点击事件
});

Salin selepas log masuk

Baca data imej

Untuk mendapatkan sumber imej dalam kawalan makro, anda boleh menggunakan atribut src.

<!DOCTYPE html>
<html>
<head>
  <title>读取宏控件数据</title>
  <script src="script.js"></script>
</head>
<body>
  <div id="macroControl"></div>
</body>
</html>

Salin selepas log masuk

Mengendalikan elemen interaktif

Kawalan makro juga mungkin mengandungi elemen interaktif seperti butang dan medan input. Untuk mengendalikan elemen ini, anda boleh menggunakan pengendali acara JavaScript standard. Sebagai contoh, untuk menambah pendengar acara klik untuk butang pada kawalan makro:

// 获取宏控件元素
const macroControl = document.getElementById("macroControl");

// 从文本文件中读取数据
fetch("text.txt")
  .then((response) => response.text())
  .then((text) => {
    // 将文本数据设置到宏控件中
    macroControl.textContent = text;
  });

Salin selepas log masuk

Mari bina apl web ringkas yang mengandungi kawalan makro yang memaparkan teks daripada fail teks .

HTML:

rrreee

Atas ialah kandungan terperinci Belajar JavaScript untuk membaca data kawalan makro. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!