JavaScript如何取得宏控制項資料？

JavaScript 取得巨集控制項資料的方法有兩種：get("value")：取得輸入框、文字區域和選擇清單的 value 屬性值。 getRemoteValue()：取得 iframe 和 audio 等遠端載入的巨集控制項的遠端資料。

JavaScript 取得巨集控制項資料

巨集控制項是網站中用來呈現自訂 UI 元素的元件。 JavaScript 可以用來取得巨集控制項的數據，從而對 UI 行為進行動態控制。

方法

取得巨集控制項資料的方法有兩種：

#1. get("value")

#對於輸入框、文字區域和選擇清單等巨集控件，可以使用get("value") 方法來取得其value 屬性的值：

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

2. getRemoteValue()

對於iframe 和audio 等遠端載入的巨集控件，可以使用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中文網其他相關文章！