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()方法分别来在被选择的元素结尾、开头、之后、之前的位置添加新的文字或元素.

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/453225.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

处理机和cpu的区别

处理机 处理机是计算机系统中存储程序和数据,并按照程序规定的步骤执行指令的部件。程序是描述处理机完成某项任务的指令序列。指令则是处理机能直接解释、执行的信息单位。处理机包括中央处理器(cpu),主存储器,输入-输出接口。处…

三星手机官方固件下载

一,网站下载: https://updato.com/firmware-archive-select-model 查询对应固件信息 https://www.sammobile.com/firmwares/galaxy-a7/SM-A7000/ http://samsung-updates.com/device/?idSM-A7000&detailsSM-A7000 二,下载器下载&#x…

133. Clone Graph

欢迎fork and star:Nowcoder-Repository-github 133. Clone Graph 题目 Clone an undirected graph. Each node in the graph contains a label and a list of its neighbors.OJs undirected graph serialization:Nodes are labeled uniquely. We use # as a separa…

进程控制块PCB简介

PCB(process control block),进程控制块,是我们学习操作系统后遇到的第一个数据结构描述,它是对系统的进程进行管理的重要依据,和进程管理相关的操作无一不用到PCB中的内容。一般情况下,PCB中包含以下内容:…

html坐标绘制路径,canvas学习笔记之绘制简单路径

1 线段(直线路径)绘制线段一般步骤:moveTo(x,y) 移动画笔到指定的坐标点(x,y)lineTo(x,y) 使用直线连接当前端点和指定的坐标点(x,y)stroke() 根据当前的画线样式,绘制当前或已经存在的路径2 矩形路径绘制矩形路径一般步骤:rect(x, y, width, height) 矩形路径&…

如何实现Punycode中文域名转码

如果你见过中文域名应该会觉得很奇怪,为什么复制出来的域名变成一个很莫名其妙的字符串,比如这个秀恩爱的域名“郝越.我爱你”,实际显示的域名是 http://xn--vq3al9d.xn--6qq986b3xl/ 这就叫 Punycode 具体查看 https://www.punycoder.com/ P…

进程控制块包含的信息

进程控制块包含三类信息 1.标识信息。 用于唯一地标识一个进程,常常分由用户使用的外部标识符和被系统使用的内部标识号。几乎所有操作系统中进程都被赋予一个唯一的、内部使用的数值型的进程号,操作系统的其他控制表可以通过进程号来交叉引用进程控制…

增加表单的文字段的html的代码是,表单及表单新增元素(示例代码)

要想更好运用表单就要了解表单的的更多元素与属性,首先看看对表单基本了解。表单的基本了解 元素用于用户输入数据的收集元素是最重要的表单元素,有许多type其中是用于向表单处理程序提交表单的按钮。元素 元素定义待选择的下拉列表选项,元素…

给博客或站点加入百度统计

概述 记得刚接触百度统计的时候,苦于没有个人网站,不能加入统计代码查看访问量等数据。然后渐渐的忘了这件事。之前看别人博客中提及了百度统计,然后粗略的看了一下加入方法,觉得很惊喜,太简单了! 加入方法…

项目规划管理

项目规划管理 - 1 项目规划是预测未来,确定要达到的目标,估计会碰到的问题,并提出实现目标、解决问题的有效方案、方针、措施和手段的过程。( 摘自百度百科) 大家应该都看过不少美国大片,是否记得很多片子里,特别是偷…

进程控制块组织方式

进程控制块PCB的组织方式1)线性表方式:不论进程的状态如何,将所有的PCB连续地存放在内存的系统区。这种方式适用于系统中进程数目 不多的情况。2)索引表方式:该方式是线性表方式的改进,系统按照进…

android9叫什么名字,白猜这么多名字!谷歌Android 9.0正式发布:命名Android Pie

日前,谷歌对外公布了Android P的beta版,并向索尼Xperia XZ2、小米Mi Mix 2S、诺基亚7 Plus、Oppo R15 Pro、Vivo X21、一加6和Essential PH-1开放测试。今天,谷歌终于宣布正式发布Android 9.0的正式版本。据外媒GSMArena报道,今天…

静态链接与动态链接

静态链接是指把要调用的函数或者过程直接链接到可执行文件中,成为可执行文件的一部分。也就是函数和过程的代码就在程序的可执行文件中,可执行文件包含了运行时所需的全部代码。动态链接是指所调用的函数代码并没有被拷贝到应用程序的可执行文件中去&…

OpenCV 编程简介(矩阵/图像/视频的基本读写操作)

PS. 由于csdn博客文章长度有限制,本文有部分内容被截掉了。 在OpenCV中文网站的wiki上有可读性更好、并且是完整的版本,欢迎浏览。 OpenCV Wiki :《OpenCV 编程简介(矩阵/图像/视频的基本读写操作)》 Introduction to…

再送一波干货,测试2000线程并发下同时查询1000万条数据库表及索引优化

原文:再送一波干货,测试2000线程并发下同时查询1000万条数据库表及索引优化继上篇文章《绝对干货,教你4分钟插入1000万条数据到mysql数据库表,快快进来》发布后在博客园首页展示得到了挺多的阅读量,我这篇文章就是对上篇文章的千万…

同步机制遵循的原则

进程在并发执行时为了保证结果的可再现性,各进程执行序列必须加以限制以保证互斥地使用临界资源,相互合作完成任务。多个相关进程在执行次序上的协调称为进程同步。用于保证多个进程在执行次序上的协调关系的相应机制称为进程同步机制。 所有的进程同步机…

wps html编辑表格,WPS 2017个人版演示word使用技巧(wps2017表格使用技巧)

wps2017是一款非常深受用户喜爱的办公软件。在2017这个新的版本中,依旧继承了它之前兼容免费、体积小、多种界面切换、云办公等众多优秀的功能特点,下面小编就来教大家wps2017的使用方式使用技巧:一、wps2017个人版word使用技巧技巧一&#x…

ubuntu 解决“无法获得锁 /var/lib/dpkg/lock -open (11:资源暂时不可用)”的方法...

在ubuntu系统的termial下,用apt-get install 安装软件的时候,如果在未完成下载的情况下将terminal close。此时 apt-get进程可能没有结束。结果,如果再次运行apt-get install 命令安装如今,可能会发生下面的提示:无法获…

es Update API

2019独角兽企业重金招聘Python工程师标准>>> es Update API 博客分类: 搜索引擎,爬虫 The update API allows to update a document based on a script provided. The operation gets the document (collocated with the shard) from the ind…

聪明人,容易不务实

聪明人拥有很多优势。首先,聪明人的逻辑强、思路灵活,理解事物很快,因而经常很有创意。聪明人本身,也因为经常感觉到自己「快速理解、时有创意」的特质,认为没有什么事情难得倒他。渐渐的,在看待任何事物时…