JavaScript中如何獲取點擊列表項的內容並使用？

網頁開發中，用戶交互至關重要。例如，用戶點擊列表項（<li>標籤），我們需要獲取其內容並執行相應操作。本文演示如何用JavaScript獲取點擊<li>元素的內容，並將其傳遞給自定義函數。

假設我們有一個簡單的HTML列表：

<li>glen <li>tane <li>john <li>ralph

目標：點擊任意<li>元素，獲取其文本內容，並作為參數傳遞給函數。

以下JavaScript代碼實現此功能：

 window.onload = function() {
  let listItems = document.getElementById("test").getElementsByTagName("li");

  for (let i = 0; i <p>這段代碼首先獲取所有<code><li></code>元素，然後遍歷每個元素，添加<code>onclick</code>事件監聽器。點擊<code><li></code>元素時， <code>this.innerHTML</code>獲取其文本內容，賦值給<code>value</code>變量，再傳遞給<code>myFunction</code>函數處理。 <code>myFunction</code>是一個佔位函數，你可以根據實際需求添加所需操作。示例中，我們簡單地將值打印到控制台，你可以替換成任何你需要的操作。</p>

以上是JavaScript中如何獲取點擊列表項的內容並使用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！