• 首页
  • 邻居
  • 关于
  • 归档
  • 搜索
  • 夜间模式
    ©2020-2026  我的学习笔记 Theme by OneBlog

    我的学习笔记博客

    搜索
    标签
    # 随笔 # Java # 教程 # openwrt # Mysql # SQL # 爬虫 # post # Js调优 # MAVEN
  • 首页>
  • Java>
  • 正文
  • 解决innerHtml 在Jquery上使用无效果的问题

    2020年05月09日 1.8 k 阅读 0 评论 898 字

    **innerHTML是JavaScript原生的一种写法,给指定标签赋内容(并且若内容中有HTML标签,可以进行编译后显示,例:

      document.getElementById("timeShow").innerHTML = "加载本页耗时 "+ (new Date().getTime()-t1) +" 毫秒";

    或

    使用Jquery的方式:

     $("#timeShow").html('加载本页耗时 ' + loadTime + 'ms');

    innerHTML在JQuery中使用的话是无效果的,
    JQuery提供了三种方法实现指定标签赋内容:.html(),.val(),.text()。
    三种方法区别具体:

    .html()用为读取和修改元素的HTML标签 对应js中的innerHTML

    .html()是用来读取元素的HTML内容(包括其Html标签),
    .html()方法使用在多个元素上时,只读取第一个元素:(
    这句话实测是一个标签使用了多个.html()时,只有第一个.html()有效,假如一个标签同时使用了.html(),.text()也是第一个有效)

    .text()用来读取或修改元素的纯文本内容 对应js中的innerText

    text()用来读取元素的纯文本内容,包括其后代元素;.text()方法不能使用在表单元素上

    .val()用来读取或修改表单元素的value值

    .val()是用来读取表单元素的"value"值,.val()只能使用在表单元素上

    关于三者的区别

    .val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。
    

    .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。**

    本文著作权归作者 [ admin ] 享有,未经作者书面授权,禁止转载,封面图片来源于 [ 互联网 ] ,本文仅供个人学习、研究和欣赏使用。如有异议,请联系博主及时处理。
    htmlJSJquery
    取消回复

    发表留言
    回复

    首页邻居关于归档
    Copyright©2020-2026  All Rights Reserved.  Load:0.016 s
    京ICP备18019712号
    Theme by OneBlog V3.6.5
    夜间模式

    开源不易,请尊重作者版权,保留基本的版权信息。