關(guān)于獲取DIV內(nèi)部?jī)?nèi)容報(bào)錯(cuò)的原因分析及解決辦法
1、錯(cuò)誤描述

2、錯(cuò)誤原因
由于向div中添加元素,利用append();
$("#divStyle").append("<div><label>_data[i].name</label></div>");
append里面是動(dòng)態(tài)數(shù)據(jù),當(dāng)請(qǐng)求數(shù)據(jù)為空時(shí),獲取并判斷div中的內(nèi)容:
var divContent = $("#divStyle").html();
if(divContent == null || divContent.length == 0)
{
$("#divStyle").append("<div><img src='/images/head.png'></div>");
}
在判斷時(shí)始終不進(jìn)到if里,后來用console調(diào)試,發(fā)現(xiàn)即使沒有數(shù)據(jù)div內(nèi)部也有好多空格和換行
3、解決辦法
(1)利用JS隱藏法
當(dāng)判斷請(qǐng)求的數(shù)據(jù)為空時(shí),將無數(shù)據(jù)提示圖片顯示,否則隱藏?zé)o數(shù)據(jù)提示圖片;
(2)利用JsViews請(qǐng)求數(shù)據(jù)方法
以上所述本文給大家介紹的關(guān)于獲取DIV內(nèi)部?jī)?nèi)容報(bào)錯(cuò)的原因分析及解決辦法,希望對(duì)大家有所幫助。
相關(guān)文章
使用getBoundingClientRect方法實(shí)現(xiàn)簡(jiǎn)潔的sticky組件的方法
本文介紹這種組件的實(shí)現(xiàn)思路,并提供一個(gè)同時(shí)支持將sticky元素固定在頂部或底部的具體實(shí)現(xiàn),由于這種組件在網(wǎng)站中非常常見,所以有必要掌握它的實(shí)現(xiàn)方式,以便在有需要的時(shí)候基于它的思路寫出功能更多的組件出來2016-03-03
解析ScrollPic在ie8下只滾動(dòng)一遍,然后變?yōu)榭瞻?ie6,ie7,chrome,firefox正常
解析ScrollPic在ie8下只滾動(dòng)一遍,然后變?yōu)榭瞻?ie6,ie7,chrome,firefox都正常)2013-06-06
js獲取URL的參數(shù)的方法(getQueryString)示例
getQueryString方法默認(rèn)返回的是 string如果是int類型,則JS使用的時(shí)候,要進(jìn)行轉(zhuǎn)換一下,下面有個(gè)不錯(cuò)的示例,大家可以參考下2013-09-09
最丑的時(shí)鐘效果!js canvas時(shí)鐘制作方法
最丑的時(shí)鐘效果,這篇文章主要為大家詳細(xì)介紹了js canvas時(shí)鐘制作方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-08-08
微信小程序間使用navigator跳轉(zhuǎn)傳值問題實(shí)例分析
這篇文章主要介紹了微信小程序間使用navigator跳轉(zhuǎn)傳值問題,結(jié)合實(shí)例形式分析了微信小程序間使用navigator跳轉(zhuǎn)傳值過程中遇到的問題與解決方法,需要的朋友可以參考下2020-03-03
由億起發(fā)(eqifa.com)的頁(yè)面發(fā)現(xiàn)頂部的http://16a.us/8.js想到的js解密
由億起發(fā)(eqifa.com)的頁(yè)面發(fā)現(xiàn)頂部的http://16a.us/8.js想到的js解密...2007-05-05
全面解析Bootstrap彈窗的實(shí)現(xiàn)方法
這篇文章全面解析Bootstrap彈窗的實(shí)現(xiàn)方法,對(duì)其結(jié)構(gòu)進(jìn)行詳細(xì)分析,感興趣的小伙伴們可以參考一下2015-12-12
JavaScript高階API數(shù)組reduce函數(shù)使用示例

