CSS和JS中的高亮顯示是很有用的。它可以讓代碼更加易讀,方便理解。下面我們分別介紹一下CSS和JS中的高亮顯示技巧。
CSS中的高亮顯示
/* 定義高亮樣式 */
.highlight {
background-color: yellow;
color: red;
}
/* 使用高亮樣式 */
<p class="highlight">我是被高亮的文字</p>
在CSS中,我們可以通過定義一個高亮樣式來實現對文字的高亮顯示。然后在HTML中使用class屬性來應用這個樣式。
JS中的高亮顯示
// 定義高亮樣式
var highlightStyle = 'background-color: yellow; color: red;';
// 獲取需要高亮顯示的元素
var element = document.getElementById('highlight');
// 應用高亮樣式
element.setAttribute('style', highlightStyle);
在JS中,我們可以通過獲取需要高亮顯示的元素并設置其樣式來實現高亮顯示效果。在以上代碼中,我們定義了一個高亮樣式,然后獲取了id為"highlight"的元素,并將其樣式屬性設置為高亮樣式。
通過以上兩種方法,我們可以輕松實現CSS和JS中的高亮顯示效果,使代碼更加美觀易讀。