crespo's java blog
crespo's java blog

innerText innerHTML outerHTML

innerText innerHTML outerHTML
<div   id="oDiv"><b>baobao</b></div>  
   
  <script>  
  alert("innerHTML:"   +   oDiv.innerHTML   +   "\n"   +   "outerHTML:"   +   oDiv.outerHTML);  
  </script>  
   
  innerText:   baobao  
  innerHTML:   <b>baobao</b>  
  outerHTML:   <div   id="oDiv"><b>baobao</b></div>  
   
  应该可以看出它们的区别吧.  
  innerText取的是纯文本,不含HTML代码.  
  innerHTML取的是元素内的代码,含HTML代码.  
  outerHTML取的是元素的全部代码.

你可能感兴趣的:(innerText innerHTML outerHTML)

  • js原生给生成的html添加点击事件,原生js为动态元素添加监听事件 习翔宇
    //已存在div//创建标签functioncreatepage(){varspan=document.createElement('span')span.innerHTML=“测试span”//设置属性span.setAttribute("class","gopage");varpagenum=document.getElementById("pagenum")pagenum.appendChi
  • 清空input file nzjcnjzx
    清空inputtype=“file”有两种方式第一种varfile=document.getElementById('file');file.value='';//虽然file的value值不能设为有内容的字符，但是可以设置为空字符第二种重新初始化file的htmlfile.outerHTML=file.outerHTML;
  • Vue获取当前元素 ACGuan Vue
    点击methods:{clickfun(e){//e.target是你当前点击的元素//e.currentTarget是你绑定事件的元素#获得点击元素的前一个元素e.currentTarget.previousElementSibling.innerHTML#获得点击元素的第一个子元素e.currentTarget.firstElementChild#获得点击元素的下一个元素e.currentTa
  • JavaScript文档内容修改 懦夫救星*
    插入子元素这是标题1这是标题2这是标题3这是标题4这是标题5varh1=document.createElement('h1')h1.innerHTML="这是要插入的内容";varbody=document.querySelector('body')varbt3=document.querySelector('.biaoti3')//在什么元素前面插入内容，语法：父元素对象.insertBefo
  • JavaScript-document.write和innerHTML的区别 好哈优学编程 javascript开发语言
    document.write()和innerHTML都是在JavaScript中用于修改HTML文档的方法，都用于在页面上插入内容，但它们的工作方式和用途有所不同。1.document.write()用于直接将内容写入页面的HTML中。如果在页面加载后使用，会重写整个文档，导致页面内容丢失。适合在页面加载时动态插入内容，不适合用于现代网页的动态更新。示例：document.write('Hello
  • 2018-05-24 萧声断未央
    //1.创建一个元素vara=document.createElement('a');//2.给元素添加属性或内容：a.href='http://www.baidu.com';a.innerHTML='GOBAIDU';//3.追加到dom树父元素.appendChild(子元素);document.querySelector('div').appendChild(a);varjson='[{"e
  • innerHTML与XSS攻击 贾明恣 JavaScript前端进阶htmljavascripthtml5
    HTML5为所有元素提供了一个innerHTML属性，既能获取对象的内容又能向对象插入内容属性值：HTML标签/文本浏览器会将属性值解析为相应的DOM树HTML解析器在浏览器中是底层代码比JavaScript方法快很多，同时意味着替换元素上的关联事件处理程序和JavaScript对象需要手动删除。插入script和style元素的时候需要看具体的浏览器XSS攻击XSS攻击通常指的是通过利用网页开发
  • html+显示在线时间,在html页面实时显示系统时间 洛阳小散户 html+显示在线时间
    原创散场前的温柔最后发布于2018-11-0513:24:58阅读数16005收藏展开在html页面实时显示系统时间桌面新建记事本，将下列代码复制粘贴，重命名后缀为.html，保存，用浏览器打开即可系统时间setInterval("document.getElementById('datetime').innerHTML=newDate().toLocaleString();",1000);代码解
  • 前端Vue + qrcode实现二维码生成 小倪有点菜 vue.js前端javascript
    后端接口会返回一串由数字和英文组合的字符串getQRInviteCode(){//清除上一次的二维码if(this.$refs.qrcode){this.$refs.qrcode.innerHTML='';//清除二维码方法}//生成二维码(这里有个坑，一定要在new关键字前面用等于号，赋给一个变量，否则vue运行会报错)qrcode是HTML中的显示二维码的divsetTimeout(()=>{
  • JavaScript 显示对象 软件技术NINI jsjavascript网络udp
    如何显示JavaScript对象？显示JavaScript对象将输出[objectObject]。实例constperson={name:"Bill",age:19,city:"Seattle"};document.getElementById("demo").innerHTML=person;//[objectObject]显示JavaScript对象的一些常见解决方案是：按名称显示对象属性循环
  • addEventListener() 方法 Iterate
    先看个例子：document.getElementById("myBtn").addEventListener("click",function(){document.getElementById("demo").innerHTML="HelloWorld";});定义和用法addEventListener()方法用于向指定元素添加事件句柄。提示：使用removeEventListener()方法
  • django学习入门系列之第六点《DOM初了解》 铁匠匠匠 django学习sqlite数据库django笔记开源python
    文章目录初了解往期回顾初了解DOM,就是一个模块，模块可以对HTML页面中标签进行操作//根据ID来获取标签//document.getElementById()varbodyTag=document.getElementById("body");//获取标签中的文本bodyTag.innerText//修改标签中的文本bodyTag.innerText="内容";//创建标签vartag=doc
  • django学习入门系列之第五点《案例 动态表格》 铁匠匠匠 django学习sqlite数据库djangopython前端框架前端
    文章目录案例动态表格往期回顾案例动态表格显示一行TitleID姓名年龄varinfo={id:1,name:"郭志",age:20};vartr=document.createElement("tr");for(varkeyininfo){vartext=info[key];vartd=document.createElement("td");td.innerText=text;tr.append
  • JavaScript 错误 - Throw 和 Try to Catch的使用 逆风优雅 jsjavascriptjava开发语言
    try语句使您能够测试代码块中的错误。catch语句允许您处理错误。throw语句允许您创建自定义错误。当try中的代码块存在错误的时候，代码就会走到catch部分try{adddlert("欢迎访问！");}catch(err){document.getElementById("demo").innerHTML=err.message;}上面的代码因为try中没有adddlert这个方法，或者这
  • 前端性能优化笔记1 第一章 沿着路走到底 性能优化前端
    1.HelloWorldHelloWorldwindow.LOAD_DATA=(data)=>{const{title,url}=datadocument.body.innerHTML=`${title}`}consttag=document.createElement('script')tag.src='https://cdn.jsdelivr.net/gh/xcodebuild/perfdem
  • jQuery怎样获得内容和属性？ 汓㸓 jquery前端javascript
    （依旧是学习记录，慢慢补充）一、获得内容-text()、html()以及val()三个简单实用的用于DOM操作的jQuery方法：text()-设置或返回所选元素的文本内容html()-设置或返回所选元素的内容（包括HTML标记）val()-设置或返回表单字段的值（标签名为input）两种方法设置元素的文本内容，html()方法是jQuery的方法，innerHTML方法是DOM对象的方法。元素的
  • 1000字带你掌握nextTick背后的原理 m0_70273331 Web前端经验分享前端前端框架
    答：如果我们需要获取数据更新后的dom信息，比如动态获取dom的宽高、位置等，就需要使用nextTick。handleClick(){this.msg=‘helloworld’;this.$nextTick(()=>{console.log(this.$refs.message.innerText)//helloworld})}如vue官网的描述：Vue在更新DOM时是异步执行的。只要侦听到数据变
  • runoob js第二天 似是懂
    JavaScript语句JavaScript语句是发给浏览器的指令。document.getElementById("demo").innerHTML="你好Dolly";含义：JavaScript语句向id="demo"的HTML元素输出文本"你好Dolly"分号；用于分隔语句，在每条可执行的语句结尾添加分号可以一行中编写多条语句js代码js代码是js语句的序列浏览器按照编写顺序依次执行每条语句
  • H5 耶啵_
    Devicedocument.addEventListener('plusready',function(){//console.log("所有plusapi都应该在此事件发生后调用，否则会出现plusisundefined。")uuid.innerHTML=plus.device.uuid;osName.innerHTML=plus.os.name;vendor.innerHTML=plus.d
  • 2018-05-16 acebear
    今天继续学习JavaScript。1.表单验证：在数据被送往服务器前对HTML表单中的这些输入数据进行验证验证的点：表单的必填项是否填写；输入的项是否合法（格式、类型）；2.查找html元素的方式：通过id找到HTML元素通过标签名找到HTML元素通过类名找到HTML元素3.改变html元素：document.getElementById(id).innerHTML=newHTML改变html元素
  • Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)问题解决 AmBestToday #JavaScriptjavascript前端html
    1.js代码UncaughtTypeError:Cannotsetpropertiesofnull(setting‘innerHTML‘)问题解决在编写一个html时，想要实现js中处理的数据输出并显示在浏览器的表格中，然后再写完代码后，报错UncaughtTypeError:Cannotsetpropertiesofnull(setting'innerHTML')；Cannotsetproper
  • 作业日常 longlongKing
    #box{width:1300px;margin:100pxauto;color:red;font:28px/30px"simsun";text-align:center;border:1pxsolidred;}五秒之后跳转到百度varnum=5;varbox=document.getElementById("box");functionfn(){num--;box.innerHTML=num+"
  • VUE学习——事件参数 BUG批量生产者 VUEvue.js学习javascript
    接前一节，事件绑定之后，我们需要传递参数。{{item}}exportdefault{data(){return{items:["明神","博子","饼子"]}},methods:{getNameHandler(msg,e){console.log(msg);e.target.innerHTML="name:"+msg;}}}这个的传递参数getNameHandler(msg,e)，可以只传弟第一
  • 数组操作 辅助风与_8515
    1.数组迭代Array.forEach()forEach()为每一个数组元素调用一次函数（回调函数）vartxt="";varnumbers=[1,2,3,4];numbers.forEach(value=>{txt+=value*2});document.getElementById("demo").innerHTML=txt;返回到浏览器上的结果是：2468forEach()里面是一个回调函数
  • JS判断元素是否含有子元素 Hysea. javascript
    JS判断元素是否含有子元素Element.childNodes.length获取元素子节点数组的长度varr=document.getElementsByTagName("div");for(vari=0;i
  • HTML元素的操作 猿究院陈安 Java前端html前端javascript
    获取HTML的值获取文本内容1.先获取元素的内容2.使用innerText方法letbtn=document.getElementById("btn");//获取文本内容console.log(btn.innerText);设置文本内容btn.innerText="测试数据";letbox=document.getElementById("box");获取div中的html代码innerHTML方
  • Vue:vue中的指令（属性绑定指令、事件绑定指令、修饰符、双向绑定指令...） 奄奄一息的一条咸鱼 Vuejavascriptajax前端vue
    内容指令v-text指令：v-text和原生js中的innerText差不多，都无法解析标签，会把标签当做文本输出，在vue中使用v-text指令会覆盖标签原来的内容代码示范：#最后输出结果为HelloVue~~会被覆盖掉Vue~~exportdefault{data(){return{msg:'Hello'}}}v-html指令v-html和原生js中的innerHTML差不多，都可以解析标签，
  • js原生实现复制内容到粘贴板 gem_Y
    privatecopyUrl=(url:string)=>()=>{lettextArea=document.createElement('textArea')textArea.innerText=urldocument.body.appendChild(textArea)//console.log(textArea)varrange=document.createRange();//创建一个ra
  • 81 js复制功能 滔滔逐浪
    Titlewelcome请点击复制functioncopyText(){varUrl2=document.getElementById("keydiv").innerText;varoInput=document.createElement("input");oInput.value=Url2;document.body.appendChild(oInput);oInput.select();do
  • 使用constructor属性来查看对象是否为数组（包含字符串'Array'） 洛禾sunshime
    判断是否是数组vararr=[12,23,34,56];document.getElementById("demo").innerHTML=isArray(arr);functionisArray(arr){letfn=arr.constructor;letstr=fn.toString();letar=str.indexOf("Array")!=-1;//returnarr.constructo
  • rust的指针作为函数返回值是直接传递，还是先销毁后创建？ wudixiaotie 返回值
     这是我自己想到的问题，结果去知呼提问，还没等别人回答， 我自己就想到方法实验了。。 fn main() { let mut a = 34; println!("a's addr:{:p}", &a); let p = &mut a; println!("p's addr:{:p}", &a
  • java编程思想 -- 数据的初始化 百合不是茶 java数据的初始化
      1.使用构造器确保数据初始化      /* *在ReckInitDemo类中创建Reck的对象 */ public class ReckInitDemo { public static void main(String[] args) { //创建Reck对象 new Reck(); } }
  • [航天与宇宙]为什么发射和回收航天器有档期 comsci
           地球的大气层中有一个时空屏蔽层,这个层次会不定时的出现,如果该时空屏蔽层出现,那么将导致外层空间进入的任何物体被摧毁,而从地面发射到太空的飞船也将被摧毁...        所以,航天发射和飞船回收都需要等待这个时空屏蔽层消失之后,再进行 &
  • linux下批量替换文件内容 商人shang linux替换
    1、网络上现成的资料 　　格式: sed -i "s/查找字段/替换字段/g" `grep 查找字段 -rl 路径` 　　linux sed 批量替换多个文件中的字符串 　　sed -i "s/oldstring/newstring/g" `grep oldstring -rl yourdir` 　　例如：替换/home下所有文件中的www.admi
  • 网页在线天气预报 oloz 天气预报
    网页在线调用天气预报 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit
  • SpringMVC和Struts2比较 杨白白 springMVC
    1. 入口 spring mvc的入口是servlet，而struts2是filter（这里要指出，filter和servlet是不同的。以前认为filter是servlet的一种特殊），这样就导致了二者的机制不同，这里就牵涉到servlet和filter的区别了。 参见：http://blog.csdn.net/zs15932616453/article/details/8832343 2
  • refuse copy, lazy girl! 小桔子 copy
           妹妹坐船头啊啊啊啊！都打算一点点琢磨呢。文字编辑也写了基本功能了。。今天查资料，结果查到了人家写得完完整整的。我清楚的认识到： 1.那是我自己觉得写不出的高度 2.如果直接拿来用，很快就能解决问题 3.然后就是抄咩~~ 4.肿么可以这样子，都不想写了今儿个，留着作参考吧！拒绝大抄特抄，慢慢一点点写！  
  • apache与php整合 aichenglong php apache web
    一  apache web服务器 1 apeche web服务器的安装   1)下载Apache web服务器   2)配置域名(如果需要使用要在DNS上注册)   3)测试安装访问http://localhost/验证是否安装成功 2 apache管理   1)service.msc进行图形化管理   2)命令管理，配
  • Maven常用内置变量 AILIKES maven
    Built-in properties ${basedir} represents the directory containing pom.xml ${version} equivalent to ${project.version} (deprecated: ${pom.version}) Pom/Project properties Al
  • java的类和对象 百合不是茶 JAVA面向对象 类 对象
    java中的类：     java是面向对象的语言，解决问题的核心就是将问题看成是一个类，使用类来解决   java使用 class 类名   来创建类 ，在Java中类名要求和构造方法，Java的文件名是一样的   创建一个A类： class A{ }   java中的类：将某两个事物有联系的属性包装在一个类中，再通
  • JS控制页面输入框为只读 bijian1013 JavaScript
    在WEB应用开发当中，增、删除、改、查功能必不可少，为了减少以后维护的工作量，我们一般都只做一份页面，通过传入的参数控制其是新增、修改或者查看。而修改时需将待修改的信息从后台取到并显示出来，实际上就是查看的过程，唯一的区别是修改时，页面上所有的信息能修改，而查看页面上的信息不能修改。因此完全可以将其合并，但通过前端JS将查看页面的所有信息控制为只读，在信息量非常大时，就比较麻烦。  
  • AngularJS与服务器交互 bijian1013 JavaScriptAngularJS$http
            对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整个过程示例如下： var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange
  • [Maven学习笔记八]Maven常用插件应用 bit1129 maven
    常用插件及其用法位于：http://maven.apache.org/plugins/   1. Jetty server plugin 2. Dependency copy plugin 3. Surefire Test plugin 4. Uber jar plugin           1. Jetty Pl
  • 【Hive六】Hive用户自定义函数(UDF) bit1129 自定义函数
    1. 什么是Hive UDF Hive是基于Hadoop中的MapReduce，提供HQL查询的数据仓库。Hive是一个很开放的系统，很多内容都支持用户定制，包括： 文件格式：Text File，Sequence File 内存中的数据格式： Java Integer/String, Hadoop IntWritable/Text 用户提供的 map/reduce 脚本：不管什么
  • 杀掉nginx进程后丢失nginx.pid，如何重新启动nginx ronin47 nginx 重启 pid丢失
    nginx进程被意外关闭，使用nginx -s reload重启时报如下错误：nginx: [error] open() “/var/run/nginx.pid” failed (2: No such file or directory)这是因为nginx进程被杀死后pid丢失了，下一次再开启nginx -s reload时无法启动解决办法：nginx -s reload 只是用来告诉运行中的ng
  • UI设计中我们为什么需要设计动效 brotherlamp UIui教程ui视频ui资料ui自学
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用你的产品。
  • Spring中JdbcDaoSupport的DataSource注入问题 bylijinnan javaspring
    参考以下两篇文章： http://www.mkyong.com/spring/spring-jdbctemplate-jdbcdaosupport-examples/ http://stackoverflow.com/questions/4762229/spring-ldap-invoking-setter-methods-in-beans-configuration Sprin
  • 数据库连接池的工作原理 chicony 数据库连接池
           随着信息技术的高速发展与广泛应用，数据库技术在信息技术领域中的位置越来越重要，尤其是网络应用和电子商务的迅速发展，都需要数据库技术支持动 态Web站点的运行，而传统的开发模式是：首先在主程序（如Servlet、Beans）中建立数据库连接；然后进行SQL操作，对数据库中的对象进行查 询、修改和删除等操作；最后断开数据库连接。使用这种开发模式，对
  • java 关键字 CrazyMizzz java
    关键字是事先定义的，有特别意义的标识符，有时又叫保留字。对于保留字，用户只能按照系统规定的方式使用，不能自行定义。 Java中的关键字按功能主要可以分为以下几类：    （1）访问修饰符       public,private,protected       p
  • Hive中的排序语法 daizj 排序hiveorder byDISTRIBUTE BYsort by
    Hive中的排序语法 2014.06.22 ORDER BY hive中的ORDER BY语句和关系数据库中的sql语法相似。他会对查询结果做全局排序，这意味着所有的数据会传送到一个Reduce任务上，这样会导致在大数量的情况下，花费大量时间。 与数据库中 ORDER BY 的区别在于在hive.mapred.mode = strict模式下，必须指定 limit 否则执行会报错。
  • 单态设计模式 dcj3sjt126com 设计模式
      单例模式（Singleton）用于为一个类生成一个唯一的对象。最常用的地方是数据库连接。 使用单例模式生成一个对象后，该对象可以被其它众多对象所使用。 <?phpclass Example{    // 保存类实例在此属性中    private static&
  • svn locked dcj3sjt126com Lock
    post-commit hook failed (exit code 1) with output: svn: E155004: Working copy 'D:\xx\xxx' locked svn: E200031: sqlite: attempt to write a readonly database svn: E200031: sqlite: attempt to write a
  • ARM寄存器学习 e200702084 数据结构C++cC#F#
    无论是学习哪一种处理器，首先需要明确的就是这种处理器的寄存器以及工作模式。     ARM有37个寄存器，其中31个通用寄存器，6个状态寄存器。 1、不分组寄存器（R0-R7）     不分组也就是说说，在所有的处理器模式下指的都时同一物理寄存器。在异常中断造成处理器模式切换时，由于不同的处理器模式使用一个名字相同的物理寄存器，就是
  • 常用编码资料 gengzg 编码
    List<UserInfo> list=GetUserS.GetUserList(11); String json=JSON.toJSONString(list); HashMap<Object,Object> hs=new HashMap<Object, Object>(); for(int i=0;i<10;i++) {
  • 进程 vs. 线程 hongtoushizi 线程linux进程
    我们介绍了多进程和多线程，这是实现多任务最常用的两种方式。现在，我们来讨论一下这两种方式的优缺点。 首先，要实现多任务，通常我们会设计Master-Worker模式，Master负责分配任务，Worker负责执行任务，因此，多任务环境下，通常是一个Master，多个Worker。 如果用多进程实现Master-Worker，主进程就是Master，其他进程就是Worker。 如果用多线程实现
  • Linux定时Job：crontab -e 与 /etc/crontab 的区别 Josh_Persistence linuxcrontab
    一、linux中的crotab中的指定的时间只有5个部分：* * * * * 分别表示：分钟，小时，日，月，星期，具体说来： 第一段 代表分钟 0—59 第二段 代表小时 0—23 第三段 代表日期 1—31 第四段 代表月份 1—12 第五段 代表星期几，0代表星期日 0—6   如： */1 * * * *   每分钟执行一次。 *
  • KMP算法详解 hm4123660 数据结构C++算法字符串KMP
         字符串模式匹配我们相信大家都有遇过，然而我们也习惯用简单匹配法（即Brute-Force算法)，其基本思路就是一个个逐一对比下去，这也是我们大家熟知的方法，然而这种算法的效率并不高，但利于理解。       假设主串s="ababcabcacbab",模式串为t="
  • 枚举类型的单例模式 zhb8015 单例模式
    E.编写一个包含单个元素的枚举类型[极推荐]。代码如下： public enum MaYun {himself; //定义一个枚举的元素，就代表MaYun的一个实例private String anotherField;MaYun() {//MaYun诞生要做的事情//这个方法也可以去掉。将构造时候需要做的事情放在instance赋值的时候：/** himself = MaYun() {*
  • Kafka+Storm+HDFS ssydxa219 storm
    cd /myhome/usr/stormbin/storm nimbus &amp;bin/storm supervisor &amp;bin/storm ui &amp;Kafka+Storm+HDFS整合实践kafka_2.9.2-0.8.1.1.tgzapache-storm-0.9.2-incubating.tar.gzKafka安装配置我们使用3台机器搭建Kafk
  • Java获取本地服务器的IP 中华好儿孙 javaWeb获取服务器ip地址
    System.out.println("getRequestURL:"+request.getRequestURL()); System.out.println("getLocalAddr:"+request.getLocalAddr()); System.out.println("getLocalPort:&quo
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他