欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html 中英文 切換代碼

榮姿康2年前10瀏覽0評論

在網站開發中,我們經常需要實現中英文切換的功能,為了方便用戶的使用和閱讀,我們通常會在網頁中嵌入多種語言的內容,比如中文和英文。

在HTML中,我們可以使用以下代碼來實現中英文切換功能:

//HTML代碼
<div id="chinese">這是中文內容</div>
<div id="english">This is English content.</div>
<button id="btn-cn">中文</button>
<button id="btn-en">English</button>
//JavaScript代碼
var chinese = document.getElementById('chinese');
var english = document.getElementById('english');
var btnCN = document.getElementById('btn-cn');
var btnEN = document.getElementById('btn-en');
btnCN.onclick = function(){
chinese.style.display = 'block';
english.style.display = 'none';
}
btnEN.onclick = function(){
english.style.display = 'block';
chinese.style.display = 'none';
}

上述代碼中,我們使用了兩個div元素,分別用于嵌入中文和英文的內容,并分別設置了id屬性為“chinese”和“english”。接著,我們又使用了兩個button元素,分別用于切換中英文內容,并分別設置了id屬性為“btn-cn”和“btn-en”。

在JavaScript代碼中,我們通過getElementById()方法獲取了中英文內容和切換按鈕的DOM節點,然后為切換按鈕分別綁定了onclick事件。當用戶點擊“中文”按鈕時,中文內容會顯示出來,英文內容會隱藏;當用戶點擊“English”按鈕時,英文內容會顯示出來,中文內容會隱藏。

以上就是一種實現中英文切換功能的HTML代碼,希望對大家有所幫助。