关于获取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 相关文章推荐
基于jQuery的仿flash的广告轮播
Nov 05 Javascript
JS分页效果示例
Oct 11 Javascript
javascript实现颜色渐变的方法
Oct 30 Javascript
jquery对元素拖动排序示例
Jan 16 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
Dec 01 Javascript
JavaScript中0和&quot;&quot;比较引发的问题
May 26 Javascript
AngularJS 实现JavaScript 动画效果详解
Sep 08 Javascript
jQuery鼠标悬停内容动画切换效果
Apr 27 jQuery
微信小程序--组件(swiper)详细介绍
Jun 13 Javascript
开发中常用的25个JavaScript单行代码(小结)
Jun 28 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 Javascript
5种方法告诉你如何使JavaScript 代码库更干净
Sep 15 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
dedecms系统的广告设置代码 基础版本
2010/04/09 PHP
解析php中curl_multi的应用
2013/07/17 PHP
PHP session 会话处理函数
2016/06/06 PHP
php实现带读写分离功能的MySQL类完整实例
2016/07/28 PHP
用javascript连接access数据库的方法
2006/11/17 Javascript
jquery ajax return没有返回值的解决方法
2011/10/20 Javascript
JS获取子窗口中返回的数据实现方法
2016/05/28 Javascript
js防阻塞加载的实现方法
2016/09/09 Javascript
jquery 实时监听输入框值变化的完美方法(必看)
2017/01/26 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
Vue中自定义全局组件的实现方法
2017/12/08 Javascript
vue左右侧联动滚动的实现代码
2018/06/06 Javascript
vue video和vue-video-player实现视频铺满教程
2020/10/30 Javascript
[52:22]EG vs VG Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
python实现代码行数统计示例分享
2014/02/10 Python
python获取list下标及其值的简单方法
2016/09/12 Python
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
Python读写/追加excel文件Demo分享
2018/05/03 Python
详解Python3序列赋值、序列解包
2019/05/14 Python
python输出电脑上所有的串口名的方法
2019/07/02 Python
pandas实现to_sql将DataFrame保存到数据库中
2019/07/03 Python
python爬虫模块URL管理器模块用法解析
2020/02/03 Python
Python要如何实现列表排序的几种方法
2020/02/21 Python
Django实现文章详情页面跳转代码实例
2020/09/16 Python
台湾团购、宅配和优惠券:17Life
2017/08/14 全球购物
意大利奢华内衣制造商:Cosabella
2017/08/29 全球购物
J2EE模式面试题
2016/10/11 面试题
服装公司总经理岗位职责
2013/11/30 职场文书
个人近期表现材料
2014/02/11 职场文书
棉花姑娘教学反思
2014/02/15 职场文书
4s店市场专员岗位职责
2014/04/09 职场文书
2015年妇女工作总结
2015/05/14 职场文书
运动会1000米加油稿
2015/07/21 职场文书
Django rest framework如何自定义用户表
2021/06/09 Python
Django基础CBV装饰器和中间件
2022/03/22 Python
SQL Server数据库的三种创建方法汇总
2023/05/08 MySQL