매크로 제어 데이터를 읽는 JavaScript를 배우십시오-JS 튜토리얼-php.cn

매크로 제어 데이터를 읽는 JavaScript를 배우십시오

WBOY

풀어 주다： 2024-04-03 18:33:02

원래의

383명이 탐색했습니다.

JavaScript를 사용하면 다음을 포함한 매크로 제어 데이터를 읽을 수 있습니다. 텍스트 데이터 읽기: textContent 속성 사용. 이미지 데이터 읽기: src 속성을 사용합니다. 대화형 요소 처리: 표준 JavaScript 이벤트 핸들러를 사용합니다.

매크로 제어 데이터를 읽는 JavaScript를 배우십시오

매크로 컨트롤 데이터를 읽는 JavaScript를 배우세요

소개

매크로 컨트롤은 웹 페이지에 복잡한 그래픽을 표시하는 데 사용되는 컨트롤입니다. 여기에는 텍스트, 이미지, 대화형 요소 등 다양한 데이터가 포함될 수 있습니다. JavaScript를 사용하면 매크로 컨트롤 내의 데이터에 액세스하고 조작하여 동적이고 대화형 웹 애플리케이션을 만들 수 있습니다.

매크로 제어 요소 가져오기

매크로 제어 데이터를 조작하려면 먼저 매크로 제어 요소를 가져와야 합니다. JavaScript의 document.getElementById() 메서드를 사용하여 특정 ID를 가진 요소를 가져올 수 있습니다. document.getElementById() 方法来获取特定 ID 的元素。

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

로그인 후 복사

读取文本数据

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

const textData = macroControl.textContent;

로그인 후 복사

读取图像数据

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

const imageData = macroControl.src;

로그인 후 복사

텍스트 데이터 읽기

매크로 컨트롤에 텍스트 데이터가 포함되어 있으면 textContent 속성을 사용하여 가져올 수 있습니다.

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

로그인 후 복사

이미지 데이터 읽기

매크로 컨트롤에서 이미지 소스를 얻으려면 src 속성을 사용할 수 있습니다.

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

로그인 후 복사

대화형 요소 처리

매크로 컨트롤에는 버튼 및 입력 필드와 같은 대화형 요소가 포함될 수도 있습니다. 이러한 요소를 처리하려면 표준 JavaScript 이벤트 핸들러를 사용할 수 있습니다. 예를 들어, 매크로 컨트롤의 버튼에 대한 클릭 이벤트 리스너를 추가하려면:

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

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

로그인 후 복사