網頁前端設計時,經常會碰到當參數值為空時只顯示參數名稱,但參數值沒有顯示,這樣看起來不美觀。 為了解決當參數值為空時,參數名稱也不顯示出來,下面提供解決辦法,以供參考。
html部分
< div>
< ul>
< li id="name1" >
< P>參數名稱1:< /P>
< P id="val1" >[content:cshu1]< /P>
< /li>
< li id="name2">
< P>參數名稱2:< /P>
< P id="val2">[content:cshu2]< /P>
< /li>
< /ul>
< /div>
js部分
< script>
//獲取id為value的標簽內容
var val1 = document.getElementById('val1').innerHTML;
//判斷內容是否為空
if(val1 == ''){
//為空執行隱藏
document.getElementById('name1').style.display="none";
}
var val2 = document.getElementById('val2').innerHTML;
if(val2 == ''){
document.getElementById('name2').style.display="none";
}
< /script>
備注:為了保證代碼測試正常使用,請把標簽 div , ul , li , p, script 中的 空格 去掉
掃一掃 加微信咨詢