text() html() val() innerHTML innerText的区别

参考

text()用于html元素文本内容的存取

html()不仅可以用于文本内容的存取，还可用于html内容的存取

复制代码
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>

<div id="box1"><p>test</p></div>
<script>
    console.log('text():--'+$('#box1').text())
    console.log('html():--'+$('#box1').html())
    $('#box1').text('1234')
    console.log('text():--'+$('#box1').text())
</script>

</body>
</html>
复制代码

输出：

val()用于input元素内容的存取

 

 

html() innerHTML的区别

html() 方法设置或返回被选元素的内容。

当该方法用于返回内容时，则返回第一个匹配元素的内容。

当该方法用于设置内容时，则重写所有匹配元素的内容

 

innerHTML可获取或设置指定元素标签内的 html内容

 

 html

innerHTML

 

innerHText  innerHTML的区别

innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML，从该元素标签的起始位置到终止位置的全部内容(包含html标签)。

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

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

 

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

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

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

 页面看到的：

 html中

 总结：

使用innerHTML 设置指定元素的内容时，会识别指定内容中的标签，但innerText不会

 其次，最好通过DOM来设置innerHTML 和innerText属性，比如 document.getElementById('milestone_des_div').innerText = mile_des

 

 

 

 

 

 

 

posted @   声声慢43  阅读(18)  评论(0)  编辑  收藏  举报
相关博文：
· Thinkphp 模板/内置标签
· js 常用命令
· javascript中innerHTML,innerTExt和value的区别
· JavaScript中val()、html()、text()区别
· JavaScript 学习-33.HTML DOM 获取和修改文本节点( textContent，innerText 和 innerHTML)
阅读排行：
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· 上周热点回顾（2.24-3.2）
历史上的今天：
2021-04-21 php 写入文件 读取文件内容
2021-04-21 Ubuntu 开机自动挂载硬盘 mount
2021-04-21 php mkdir 创建多级目录以及修改权限
点击右上角即可分享
微信分享提示