js中innerHTML与innerText的区别_Misnice的博客-程序员秘密_item.innertext

技术标签: js  

1.innerHTML可获取或设置指定dom元素标签内的 html内容,从该元素标签的起始位置到终止位置的全部内容(包含html标签)。

获取元素的内容:element.innerHTML;

给元素设置内容:element.innerHTML =htmlString;

2.innerText可获取或设置指定元素标签内的文本值,从该元素标签的起始位置到终止位置的全部文本内容(不包含html标签)。

获取元素的内容:element.innerText;

给元素设置内容:element.innerText = string;

3.区别

innerHTML返回的是标签内的 html内容,包含html标签;

innerText返回的是标签内的文本值,不包含html标签;

4.js获取节点文本值

(1)原生js写法 document.getElementById('demo').innerHTML

(2)jQuery写法 $('#demo').html()

5.demo

//选择审核节点

var domStr = '<span>审核节点</span><select name="processId" id="processId" lay-filter="aihao">';

// <option value="" selected="">选择审核节点</option>

var groupArr = this.previousElementSibling.previousElementSibling.childNodes;  //分组数组

groupArr.forEach((item,index,array)=>{

domStr +='<option value="' + item.id + '">' + item.innerText + '</option>';

// <option value="0">写作</option>

})

domStr += '</select>'

$('.select').html(domStr);

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Misnice/article/details/100511715

智能推荐

一次永久解决cmd窗口汉字显示乱码_曲小鑫的博客-程序员秘密_cmd 乱码

对于编译出的程序,在 cmd 和 power shell 运行时都不能正确显示汉字。 网上查,可以再命令窗口修改: 1、打开CMD.exe命令行窗口 2、通过 chcp命令改变代码页,UTF-8的代码页为65001 chcp 65001 执行该操作后,代码页就被变成UTF-8了。但是,在窗口中仍旧不能正确显示UTF-8字符。在当前窗口的确可以解决问题,但是重

Intellij idea 出现错误 error:java: 无效的源发行版: 11_士心月月鸟的博客-程序员秘密

一、问题描述: idea在运行spring boot项目时,报错error:java: 无效的源发行版: 11二、解决方案:两个地方同步:1.8 和 8 的版本若还不能解决,建议重新创建项目,选择jdk 8的版本进入...

锂离子电池开路电压与电池容量的对应关系分析_pan0755的博客-程序员秘密_锂离子电池开路电压

锂离子电池开路电压与电池容量的对应关系分析    先给出一个表格:如下,百分比是电池的剩余容量,右侧是对应的电池的开路电压(OCV).  100%----4.20V  90%-----4.06V  80%-----3.98V  70%-----3.92V  60%-----3.87V  50%-----3.82V  40%-----3.79V  30%---

python创建mysql数据库中的表_ACE-Mayer的博客-程序员秘密_python创建mysql用户

import pymysql#参数一:服务器IP#参数二:端口号#参数三:用户名#参数四:用户密码#参数五:数据库名conn = pymysql.connect(host="localhost",port=3306,user="root",password="mysql",db="smy_db")#创建一个cursor对象,由cursor对象执行SQL语句以及获得执行结果cur = conn.cursor()sql_1="drop table if exists table_test

细思极恐-你真的会写java吗?_大海深处的星星的博客-程序员秘密

转载自:https://www.itcodemonkey.com/article/6309.html导语 自2013年毕业后,今年已经是我工作的第4个年头了,总在做java相关的工作,终于有时间坐下来,写一篇关于java写法的一篇文章,来探讨一下如果你真的是一个java程序员,那你真的会写java吗? 笔者是一个务实的程序员,故本文绝非扯淡文章,文中内容都是干货,望读者看后,...

opencv 在工业中的应用:圆孔定位_weixin_30293135的博客-程序员秘密

在工业中产品或者夹具上经常有圆形孔,我们可以利用这些孔来对产品或者夹具进行定位。我用OPENCV写了个DEMO 程序,介绍如下:(1)首先点击打开图像按钮打开一幅图像(2)进行一些参数设置(3)点击找圆按钮,这时就会显示出找到的圆孔的圆心坐标等信息。附图如下:像上图这样比较模糊的图像通过设置参数也可以准确找到圆心。转载于:https://www.cnblogs.com/chit...

随便推点

手机ROOT,ROOT的优缺点_dawnZeng的博客-程序员秘密

拥有手机ROOT权限是一把双刃剑,正确的理解并选择是否获取ROOT权限是每一个android手机用户需要了解的知识一. 什么是ROOT1.ROOT权限,系统权限的一种,也叫根权限,与SYSTEM权限可以理解成一个概念,但高于Administrator权限,ROOT是Linux和unix系统中的超级管理员用户帐户,该帐户拥有整个系统至高无上的权力,所有对象他都可以操作。获得root权限之后就...

CCF CSP201912-4 区块链_hbulzh的博客-程序员秘密

说明:大多数网上说这个题目是stl跟bfs 这里纠正一下除了一开始建一个图之外 其余跟图没有半点关系,stl也只用了一个队列,手写完全没有问题,如果你看到的博客说是stl或者bfs的话,大概率他没实现 或者没写对 或者超时。 正解是写一个结构体存时间 对其排序 插入块或者查找之前对队列中之前的时间的任务都取出执行原代码思想:用priority_queue对 执行时间进行排序 但是超时参考代码:改成普通队列就可以过 但是根据分析t 不是严格递增的 这样bfs中的判断是有问题的 但是竟然可以过。感觉测试

echarts.js引入无效解决方法_qq_40400799的博客-程序员秘密_echarts引入失败

ECharts在SpringBoot+Thymeleaf环境下引入echarts.js或者echarts.min.js(功能多少不同而已)无效的解决办法一,我的问题如何解决网上的找了很多,都试过了,无效。直接把echarts.js放在templates文件夹里,为什么要这样。原因参考 https://www.cnblogs.com/jiangbei/p/8462294.html然后再需要...

Faster Rcnn 源码解析(二)—— proposals_layers.py_傲娇的程序猿的博客-程序员秘密

输入:ProposalLayer有三个输入bottom[0]:是每一个anchor是否是前景的概率,大小为:(batch_size,2*A,w,h),A表示anchor的数量bottom[1]: 每个anchor的坐标偏移量,大小为:(batch_size,4*A,w,h)bottom[2]: 'im_info',图片w,h,scale输出:top[0]:M行5列,M表示proposals的...

git和gitee配置ssh免密登录_RuiAce的博客-程序员秘密

git和gitee配置ssh免密登录(1)本地安装git(2)进入git bash, 使用: ssh-keygen -t rsa -C “[email protected]” 命令。连续3次回车;(3) 在用户目录下 .ssh文件夹中:(4)登录git 或者gitee 在设置里面找到SSH KEY,将.pub 文件的内容黏贴进去(5)在git bash 使用“ssh -T [email protected]“,测试是否成功。...

JS判断空对象的几种方法_Jacky的代码墙的博客-程序员秘密_js判断空对象

js 判断空对象首先要区分一个概念,空对象和空引用:空对象:{}是指不含任何属性的对象,当然对象属性包括字面值和函数。空引用:obj=null 是指变量值指向null变量,当然在js默认不赋值的情况下,一个变量为undefined.空对象的讨论:原型:原型上包括了继承属性,有可以枚举的属性和不可以枚举的属性。默认对象都继承了Object。 自身:自身属性同样包括了可枚举的属性和不可枚举的属性。限定场景:后台JSON对象:判断后台传来的对象为空对象,此时,该对象一般为JSON对象