HTML 實現中英文切換是一個很常見的需求,下面我們來看一下實現代碼。
中英文切換 你好,世界!
上面的代碼使用了一個簡單的 JavaScript 函數來實現中英文切換。在 HTML 頁面中,我們添加兩個按鈕,用來觸發語言切換事件。當我們點擊中文按鈕或英文按鈕的時候,會調用 changeLanguage 函數,這個函數根據傳入的參數來改變 .language 元素的內容。
這里的 .language 元素使用了 class 屬性來進行定位,我們在 JavaScript 中使用 document.querySelector('.language') 來獲取它。querySelector 函數會返回第一個匹配到的元素。
最終效果:在頁面上點擊中文按鈕,.language 元素會被修改為 “你好,世界!”;點擊英文按鈕,.language 元素會被修改為 “Hello, World!”。
上一篇amis自定義css
下一篇3d變形css