加勒比HEZYO黑人专区-久久精品国产99国产精品亚洲-精品国产18久久久久久-久久人妻少妇嫩草AV

歡迎光臨 織晶網絡官網!

  • 服務支持
  • 020-39182790
技術文檔您現在的位置:首頁 > 服務支持 > 技術文檔

js判斷當參數值為空時自動隱藏該參數(同時適合其他內容為空時自動隱藏)

作者:織晶客服部   發布于:2019/6/29 18:49:29  點擊量:  來源:織晶網絡

網頁前端設計時,經常會碰到當參數值為空時只顯示參數名稱,但參數值沒有顯示,這樣看起來不美觀。 為了解決當參數值為空時,參數名稱也不顯示出來,下面提供解決辦法,以供參考。

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  中的 空格 去掉



上一篇:表單中input標簽輸入后自帶背景顏色的解決方法

下一篇:阿里云服務器Windows2008外網無法訪問,需要開啟80端口來實現訪問