关于获取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 相关文章推荐
js 获取中文拼音,Select自动匹配字母获取值的代码
Sep 23 Javascript
javascript面向对象之二 命名空间
Feb 08 Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
Oct 23 Javascript
jquery 图片缩放拖动的简单实例
Jan 08 Javascript
移动节点的jquery代码
Jan 13 Javascript
JS可以控制样式的名称写法一览
Jan 16 Javascript
vue,angular,avalon这三种MVVM框架优缺点
Apr 27 Javascript
JavaScript必知必会(五) eval 的使用
Jun 08 Javascript
深入理解Vue生命周期、手动挂载及挂载子组件
Sep 27 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
Oct 27 jQuery
React 条件渲染最佳实践小结(7种)
Sep 27 Javascript
基于Cesium绘制抛物弧线
Nov 18 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
高分R级DC动画剧《哈莉·奎茵》第二季正式预告首发
2020/04/09 欧美动漫
PHP语法速查表
2007/01/02 PHP
php cookie 作用范围?不要在当前页面使用你的cookie
2009/03/24 PHP
php图片处理:加水印、缩略图的实现(自定义函数:watermark、thumbnail)
2010/12/02 PHP
VPS中使用LNMP安装WordPress教程
2014/12/28 PHP
PHP实现函数内修改外部变量值的方法示例
2018/12/28 PHP
laravel框架如何设置公共头和公共尾
2019/10/22 PHP
gearman中worker常驻后台,导致MySQL server has gone away的解决方法
2020/02/27 PHP
Javascript 作用域使用说明
2009/08/13 Javascript
JS获取IP、MAC和主机名的五种方法
2013/11/14 Javascript
Node.js实现的简易网页抓取功能示例
2014/12/05 Javascript
Bootstrap响应式侧边栏改进版
2016/09/17 Javascript
js 弹出虚拟键盘修改密码的简单实例
2016/10/10 Javascript
JavaScript实现的微信二维码图片生成器的示例
2016/10/26 Javascript
微信小程序中实现手指缩放图片的示例代码
2018/03/13 Javascript
jQuery使用each遍历循环的方法
2018/09/19 jQuery
vue+element实现表单校验功能
2019/05/20 Javascript
js实现轮播图效果 纯js实现图片自动切换
2020/08/09 Javascript
Python+Socket实现基于UDP协议的局域网广播功能示例
2017/08/31 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
pandas.DataFrame 根据条件新建列并赋值的方法
2018/04/08 Python
使用python制作一个为hex文件增加版本号的脚本实例
2019/06/12 Python
pandas取出重复数据的方法
2019/07/04 Python
python pickle存储、读取大数据量列表、字典数据的方法
2019/07/07 Python
python 下 CMake 安装配置 OPENCV 4.1.1的方法
2019/09/30 Python
python模块hashlib(加密服务)知识点讲解
2019/11/25 Python
windows10 pycharm下安装pyltp库和加载模型实现语义角色标注的示例代码
2020/05/07 Python
Django model.py表单设置默认值允许为空的操作
2020/05/19 Python
浅析python连接数据库的重要事项
2021/02/22 Python
西班牙手机之家:Phone House
2018/10/18 全球购物
Abbott Lyon官网:女士手表、珠宝及配件
2020/12/26 全球购物
视图的作用
2014/12/19 面试题
物业管理求职自荐信
2013/09/25 职场文书
大学生新闻专业个人自我评价
2013/11/12 职场文书
2014年移动公司工作总结
2014/12/08 职场文书
先进教师个人主要事迹材料
2015/11/03 职场文书