关于获取DIV内部内容报错的原因分析及解决办法


Posted in Javascript onJanuary 29, 2016

1、错误描述

关于获取DIV内部内容报错的原因分析及解决办法

2、错误原因

由于向div中添加元素,利用append();

$("#divStyle").append("<div><label>_data[i].name</label></div>");

append里面是动态数据,当请求数据为空时,获取并判断div中的内容:

var divContent = $("#divStyle").html();
if(divContent == null || divContent.length == 0)
{
$("#divStyle").append("<div><img src='/images/head.png'></div>");
}

在判断时始终不进到if里,后来用console调试,发现即使没有数据div内部也有好多空格和换行

3、解决办法

(1)利用JS隐藏法

当判断请求的数据为空时,将无数据提示图片显示,否则隐藏无数据提示图片;

(2)利用JsViews请求数据方法

以上所述本文给大家介绍的关于获取DIV内部内容报错的原因分析及解决办法,希望对大家有所帮助。

Javascript 相关文章推荐
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
Jul 14 Javascript
深入理解JavaScript定时机制
Oct 29 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
Nov 30 Javascript
JS数字抽奖游戏实现方法
May 04 Javascript
jquery模拟多级复选框效果的简单实例
Jun 08 Javascript
jQuery实现定位滚动条位置
Aug 05 Javascript
JavaScript中获取时间的函数集
Aug 16 Javascript
JS中用try catch对代码运行的性能影响分析
Dec 26 Javascript
canvas实现图像截取功能
Feb 06 Javascript
Vue.js实战之组件之间的数据传递
Apr 01 Javascript
AngularJS下$http服务Post方法传递json参数的实例
Mar 29 Javascript
vue和H5 draggable实现拖拽并替换效果
Jul 29 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
Jan 29 #Javascript
js实现滚动条滚动到某个位置便自动定位某个tr
Jan 20 #Javascript
JavaScript中的this,call,apply使用及区别详解
Jan 29 #Javascript
javascript实现tab响应式切换特效
Jan 29 #Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 #Javascript
JS组件系列之Bootstrap Icon图标选择组件
Jan 28 #Javascript
很不错的两款Bootstrap Icon图标选择组件
Jan 28 #Javascript
You might like
PHP实时显示输出
2008/10/02 PHP
PHP 页面跳转到另一个页面的多种方法方法总结
2009/07/07 PHP
php查找指定目录下指定大小文件的方法
2014/11/28 PHP
golang、python、php、c++、c、java、Nodejs性能对比
2017/03/12 NodeJs
PHP array_reduce()函数的应用解析
2018/10/28 PHP
再说AutoComplete自动补全之实现原理
2011/11/05 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
2013/10/16 Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
2014/08/18 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
JS读写CSS样式的方法汇总
2016/08/16 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
AngularJS实现动态添加Option的方法
2017/05/17 Javascript
node基于puppeteer模拟登录抓取页面的实现
2018/05/09 Javascript
Vue动态组件和异步组件原理详解
2019/05/06 Javascript
vue路由守卫及路由守卫无限循环问题详析
2019/09/05 Javascript
vue $set 给数据赋值的实例
2019/11/09 Javascript
python中urllib模块用法实例详解
2014/11/19 Python
python在控制台输出进度条的方法
2015/06/20 Python
Python实现批量修改文件名实例
2015/07/08 Python
Python 找到列表中满足某些条件的元素方法
2018/06/26 Python
Python中super函数用法实例分析
2019/03/18 Python
Python numpy线性代数用法实例解析
2019/11/15 Python
Python实现剪刀石头布小游戏(与电脑对战)
2019/12/31 Python
Django实现前台上传并显示图片功能
2020/05/29 Python
python中rb含义理解
2020/06/18 Python
Android Q之气泡弹窗的实现示例
2020/06/23 Python
python中的yield from语法快速学习
2020/11/06 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
HTML5 embed 标签使用方法介绍
2013/08/13 HTML / CSS
网上常见的一份Linux面试题(多项选择部分)
2014/09/09 面试题
信息专业个人的自我评价
2013/12/27 职场文书
《风筝》教学反思
2014/04/10 职场文书
仓库管理计划书
2014/05/04 职场文书
简历自我评价优缺点
2015/03/11 职场文书
Python中for后接else的语法使用
2021/05/18 Python
理解python中装饰器的作用
2021/07/21 Python