js中加载指定的html代码,在js或JQuery中怎样判断页面html代码中含有指定名称的div元素...

在我们制作网页的过程中，想要在某个页面中的某一元素中添加新的内容，而不想改动那个页面,我们一般会直接在全局的jsz中直接加入document.getElementById("指定id")来给定指定元素新的内容,但在一些页面中没有指定id的div元素浏览器就会报错，影响后面的代码执行，

所以为了防止浏览器因为找不到指定名称的div元素而报错，我们需要在全局的js文件中判断哪些页面存在指定名称的元素再对其追加更丰富的内容.

示例：

这是元素1

假设我们想要判断页面中是否存在id名称为qtool-abcde的div元素该怎样实现？

1、js实现方法：

if(document.getElementById('qtool-abcde')) {

//找到元素

} else {

// 未找到元素执行的内容

}

2、使用jQuery插件实现则更为简单些：

在jquery插件中，存在的完善的代码处理机制，即使在网页中获取不到元素可能也不会报错，所以如果我们直接按照if($("#qtool-abcde")){}这样写来判断元素是否存在是错误的，会一直执行下去不管元素是否存在.因为$("#qtool-abcde")获取的是对象，不管页面中是否有这个元素

所以我们应该按以下代码来判断:

if($("#qtool-abcde").length > 0) {

//找到元素

} else {

// 未找到元素则

}

引入jQuery插件后只需要判断元素的长度是否为0则能够得出指定名称的div元素是否存在，而且还可以像($("#qtool-abcde img").length这样来组合检测页面id为qtool-abcde的元素中是否存在图片标签等.

当我们想要在qtool-abcde元素中增加一段新的文本时可以这样：

if($("#qtool-abcde").length > 0) {

$("#qtool-abcde").append("这是一段新的文字噢~~~.");

} else {

}

在jq中可以很方便的使用append()、prepend() 、after()、before()方法分别来在被选择的元素结尾、开头、之后、之前的位置添加新的文字或元素.

js中加载指定的html代码,在js或JQuery中怎样判断页面html代码中含有指定名称的div元素...相关推荐

SDL 从内存流中加载图像并显示
最近做项目需要实现这么一个功能,需要将Android平板上显示的内容实时传送到投影仪上显示. 连接投影仪的机器安装了 CentOS 6,采用 SDL 开发库做 UI 界面.系统本来的需求只要在投影仪上 ...
在CAD中加载大影像的一种方法
文章目录前言一.开发环境二.具体思路 1.gdal-rasterIO 2.objectarx-自定义实体 3.坐标转换 4.调用方法前言受制于AutoCAD中RasterImage对象的限制 ...
在Arcmap中加载互联网地图资源的4种方法
在Arcmap中加载互联网地图资源的4种方法前一段时间想在Arcmap中打开互联网地图中的地图数据,如影像数据.基础地图数据等,经过简单研究目前总结了四种方法,整理下与大家分享,有些内容可能理解有误 ...
高德地图中加载three.js（vue中）（封装
这几天公司有一个要结合高德地图的智慧园区的项目(大致就是在3d地图中加载自己的three.js模型) 1.首先要引入高德地图官方文档给出来的引用方法 <template><div ...
Arcgis for js，Openlayers中加载GeoJSON
概述: 在前文中,讲述了在JAVA环境下如何将shp转换为GeoJSON,在本文,分别讲述在Arcgis for js,Openlayers2和Openlayers3中加载展示GeoJSON. 实现: ...
php延迟加载js,延时加载JavaScript代码提高速度
延时加载js代码提高速度,具体内容如下所示: 如果网页中存在大量的javascript代码会极大的影响网页的访问速度,下面就简单介绍一下如何处理此问题. 一.延时加载js文件: 可以使用定时器函数se ...
在Vue.js中加载字体的最佳做法
博客原文:https://blog.zhangbing.site/2021/04/07/best-practices-for-loading-fonts-in-vue/ 添加字体不应该对性能产生负面影 ...
使用 pdf.js 在网页中加载 pdf 文件
在网页中加载并显示PDF文件是最常见的业务需求.例如以下应用场景:(1)在电商网站上购物之后,下载电子发票之前先预览发票.(2)电子政务管理系统中查看发布的公文,公文文件一般是PDF格式的文件. 目前 ...
Web前端笔记-js中加载图片文件（vue cli中同样适用）
这里主要是在vue cli项目中加载图片的时候会出现304,特别是使用自己写的js加载图片的时候,此博文记录了解决办法. 在js文件中引用文件 import img from '@/assets/im ...

js中加载指定的html代码,在js或JQuery中怎样判断页面html代码中含有指定名称的div元素...

js中加载指定的html代码,在js或JQuery中怎样判断页面html代码中含有指定名称的div元素...相关推荐

最新文章

热门文章