innerHTML中標(biāo)簽可以換行的方法匯總

2024-05-06 16:24:30

字體：大中小

供稿：網(wǎng)友

本文給大家分享的是一個(gè)在javascript中使用innerhtml輸出的時(shí)候如何實(shí)現(xiàn)換行的小技巧，其實(shí)很簡(jiǎn)單，在需要換行的地方加上/即可

在用innerHTML生成結(jié)構(gòu)時(shí)，為了看起來(lái)結(jié)構(gòu)明快，可以在每行的末尾加一個(gè)反斜線/，即可保持html原結(jié)構(gòu)，而不至于將標(biāo)簽都擠在一塊

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>innerHTML中標(biāo)簽可以換行的方法</title>

</head>

<body>

<script>

//function fnNew(){

var sHtml = '';

for(var i = 0; i < 2; i++){

sHtml += '<li class="in">/

<div class="in-con">/

<button class="in-btn_s">顯示</button>/

<button class="in-btn_h">隱藏</button>/

</div>/

<div class="in-show">第'+ i +'種方法:'+ data[i]+'</div>/

</li>';

}

oList.innerHTML = sHtml;

}

</script>

</body>

</html>

我是今天才學(xué)到十八哥的Javascript 說(shuō)到innerHMTL 的使用，當(dāng)時(shí)老師說(shuō)到里面的標(biāo)簽不換行我覺(jué)得自己如果以后操作肯定不方便，于是我把這段代碼復(fù)制出來(lái)問(wèn)了下做過(guò)編程的朋友們

function t2(){

var cont = document.getElementById('container');

var htmlcode = "<p><ul><li><span>東</span></li><li>南</li><li>西</li><li>北</li></ul></p>";

cont.innerHTML = htmlcode;