JavaScript はどのようにしてマクロ制御データを取得しますか?

JavaScript マクロ制御データを取得するには 2 つの方法があります: get("value"): 入力ボックス、テキスト領域、および選択リストの value 属性値を取得します。 getRemoteValue(): iframe や audio など、リモートで読み込まれたマクロ コントロールのリモート データを取得します。

#JavaScript マクロ コントロール データの取得

マクロ コントロールは、カスタム UI 要素をレンダリングするために使用される Web サイト内のコンポーネントです。 JavaScript を使用してマクロ コントロールからデータを取得し、UI の動作を動的に制御できます。

方法

マクロ制御データを取得するには、次の 2 つの方法があります:

1. get("value")

入力ボックス、テキスト領域、選択リストなどのマクロ コントロールの場合、

get("value") メソッドを使用して、その value 属性の値を取得できます:

const input = document.getElementById("my-input");
const value = input.get("value");

2. getRemoteValue()

iframe やオーディオなどのリモートで読み込まれるマクロ コントロールの場合は、

getRemoteValue() を使用できます。リモート データを取得する方法:

const iframe = document.getElementById("my-iframe");
iframe.getRemoteValue((result) => {
  // result 包含 iframe 中的 HTML 内容
});

実用的なケース

ケース: 入力ボックスの値を変更する

入力ボックスがあり、次のようにしたいとします。 JavaScript を通じて値を変更します:

<input id="my-input" value="初始值">

// 获取输入框
const input = document.getElementById("my-input");

// 设置新值
input.set("value", "新值");

このコードを実行すると、入力ボックスの値が「初期値」から「新しい値」に変わります。

注

ドロップダウン メニューなどの一部のマクロ コントロールの場合、
• get("value") はテキストの内容ではなく、選択された値を返します。
• getRemoteValue() は非同期メソッドです。つまり、リモート データの読み込みが完了した後にコールバック関数が実行されます。

以上がJavaScript はどのようにしてマクロ制御データを取得しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。