# 政府共通平台之搜尋關鍵字HighLight

---

common-platform-of-the-government-search-keyword-highlight

問題為：查詢結果關鍵字沒有被標示出來，如下圖所示。

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1776070023792/71daf27b-a0a9-4204-ba6a-0bea077f5f3f.png)

### 解決辦法

#### 1. 將下列 JavaScript 加入 `<head></head>` 中

#### 2. 再將下列 JavaScript 加入 `<body></body>` 的最底部

highlight 傳遞的三個參數分別為：

* document.getElementById(‘inputText’)：抓取id為inputText的div，inputText可自行修改。
* ‘<%= queryWord %>’：queryWord為關鍵字變數，也可自行設定變數。
* ‘highlight’：style名稱，可自行編輯想要表示的顏色或形式，此範例的highlight的style為黃色底。

#### 3. 佈署想要 highlight 的區塊

### 完成畫面

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1776070025764/e515c6cc-5724-42a1-ab71-bd79c1cd9e85.png)

完成畫面
