javascript中字符串的比较及innerHTML和innerText的区别

最新推荐文章于 2024-05-01 00:00:00 发布
最新推荐文章于 2024-05-01 00:00:00 发布
阅读量2.7k 收藏 2
点赞数
分类专栏： web程序开发 文章标签： 网页开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lj94093/article/details/46240943
版权

1、在javascript的字符串比较当中，可能经常会遇见一些明明字符串存进去的是这个值，但返回结果不对的情况。这时候我们应该用trim()函数把字符串的前后空格去掉，这样就可以正常运行了，注意一定要加()

2、innerHTMLl可以识别出html标签，而innerText不能，当我们使用innerHtml将它的值改变为一串中文时，可能会出现乱码的情况，这时候我们可以试着用innerText。

注意！！！javascript是大小写敏感的，所有千万不要把innerHTML写成innerHtml，或者把innerText写成innerTEXT，因为这个调了我好久

在网页编程中，中文乱码确实是一个很头疼的问题，其实有时候这是由于我们的服务器出了点小问题的原因，有时候我们可以试试将系统重启之后再进行

BinJourney
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JS-innerText与textContent、innerHTML的区别
meng的博客
04-20 547
innerText与innerHTML 两者都是可以设置文本内容的。 innerText主要是设置文本内容的，如果设置标签内容是没有标签效果的。 innerHTML主要的作用是在标签中设置新的html标签内容，是有标签效果的。 用效果看下两者设置时区别： //使用innerText <style> div { width: 200px; heigh...
javascript innerHTML、outerHTML、innerText、outerText的区别
10-30
JavaScript中的innerHTML、outerHTML、innerText和outerText是四个用于操作HTML元素内容的属性，它们各自有不同的功能和用途。 1. innerHTML： - innerHTML允许我们获取或设置一个元素内部的HTML内容。当我们设置...
JS中innerText得到的内容和自己定义的字符串不相等的问题
weixin_44512370的博客
08-10 424
JS的innerText与String文本不相同的解决 最近在搞搞前端的菜单栏，看看哪些菜单好看又好用，想拿来学习学习，于是找到了这个网址*https://www.jotform.com/blog/13-awesome-java-script-css-menu/*，找到了里面第9个菜单，感觉很炫酷，它的外观如图： 但在下来用的时候，我想在一个下拉菜单里多来几个下拉菜单，实现多级下拉菜单，结果这时由于文件JavaScript的设置，菜单栏会出现快闪，由于JS定位的是a，也就是图中绿色文字的链接，通过链接个数
JS相同的字符串被判断为不相等的原因
tanglili08的博客
04-09 7181
今天在写js的时候，遇到一个奇怪的问题，明明两个字符串相同，console打印出来也一样，首尾都没有空格，typeof的结果都是string。可是用a==b却判断为不相等 后来在网上查了资料，得知可能是字符串里面有其他特殊字符，导致两个字符串肉眼看上去没有区别，但是用encodeURIComponent()处理后可能不一样。我用encodeURIComponent()把两个字符串的结果打印出来比较...
JS 比较字符串大小 （ 4种方法 ）
最新发布
大剑师兰特的GIS世界
05-01 2056
- **比较运算符**：简单快速，适用于基本的字典顺序比较。 - **`localeCompare()`**：考虑本地化排序规则，适合国际化的字符串比较。 - **`startsWith()`, `endsWith()`, `includes()`**：检查字符串的部分特征，而非整体比较。 - **`isEqual()` 或 `equals()`**（非标准）：在使用特定库时，可用于深度比较，包括字符串对象。
JS中判断两个字符串，明明看着相等却判断不相等的问题
木辰風的博客
07-14 857
两个字符串看起来一样、类型一样，判断str1==str2时返回false；
js、jQuery中去除空格、回车 空白字符
热门推荐
林一天的博客
08-30 2万+
JavaScript中去除空格回车等空白字符的方法： document.getElementById('tpl').innerHTML.trim().replace(/\s/g,"") 简单解释： document.getElementById('tpl')：根据id找到元素 .innerHTML:获取本元素的内容 .trim()：去除首尾的空白字符 .replace(/\s/g,"...
js中判断2个字符串相等的问题
肥龙在田
12-25 2621
var div = document.getElementById("udiv"); div.innerHTML = http_request.responseText;     div.style.color="red";     div.style.display="";     alert(http_request.responseText);      var mes=http
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
09-05
在上述例子中，`test.innerText` 将返回字符串`"test1 test2"`，`<span>`标签被忽略了。如果要修改元素的文本内容而不涉及HTML，可以使用`innerText`： ```javascript document.getElementById('test').innerText =...
innerHTML,outerHTML,innerText,outerText的用法及区别解析
09-04
在JavaScript中，`innerHTML`, `outerHTML`, `innerText`, 和 `outerText` 是四个非常重要的属性，用于操作HTML元素的内容。下面将详细解释这些属性的用法和它们之间的区别。 1. **innerHTML** - `innerHTML` 属性...
JS去掉字符串中所有的逗号
10-19
在本文中，我们将详细介绍如何使用JavaScript语言去掉字符串中所有的逗号。字符串 trung 去掉逗号是非常常见的需求，例如在处理数据导入或导出时，我们需要去掉字符串中的逗号以便于数据处理。下面我们将介绍三种...
对字符串进行HTML编码和解码的JavaScript函数
12-09
在网页开发中，字符串的HTML编码和解码是常见的需求，特别是在处理用户输入的数据时，为了防止XSS（跨站脚本攻击），通常需要对特殊字符进行编码。JavaScript提供了两个实用的函数，用于实现这个功能：`HtmlEncode` ...
innerText和innerHTML 一些问题分析
09-05
innerText 和 innerHTML 是在Web开发中，特别是使用JavaScript操作HTML元素时非常重要的两个属性。它们都是Internet Explorer（IE）浏览器首先引入的特性，后来被其他主流浏览器如Firefox、Chrome、Safari等广泛支持...
Javascript createElement和innerHTML增加页面元素的性能对比
10-29
在提供的示例代码中，方法1使用`innerHTML`连续添加100个div元素，由于字符串操作和DOM更新的开销，这种方法的性能相对较差。而方法2使用`createElement`逐个创建并添加元素，避免了字符串拼接的性能损失，因此在该...
html富文本离线转换输出自带标签和内容的字符串、编辑内容并输出其相应编辑后的格式字符串
06-10
本主题主要探讨如何利用HTML5中的技术进行富文本内容的离线转换，生成带有自定义标签和内容的字符串，并能够编辑这些内容后输出相应的格式化字符串。 富文本编辑器通常用于在线文档编辑、博客发布、论坛回复等功能...
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
10-16
本篇文章将深入讲解如何使用文档就绪函数以及`innerHTML`和`innerText`属性来实现动态内容的更新。 首先，我们要了解什么是文档就绪函数。在JavaScript中，通常使用`window.onload`或jQuery的`$(document).ready()`...
DOM编程案例——innerHTML innerText操作div和span、去除字符串的前后空白trim
qq_45554909的博客
12-21 1353
1.innerHTML innerText操作div和span innerText和innerHTML属性什么区别？ 相同点： 都是设置元素内部的内容。 不同点： innerHTML会把后面的 “字符串”当做一段HTML代码解释并执行 。 innerText，即使后面是一段HTML代码，也只是将其当做普通的字符串来看待。 <body> <style type="text/css"> #div1{ background-color: #abacff;
html的get方法值为空,js的问题为什么用innerHTML改变网页结构以后getStyle取得的属性是空值...
weixin_28789499的博客
06-04 120
div,p,ul,li{margin:0;padding:0;}li{list-style: none;}a{text-decoration:none;}div{position: relative;}body{}.redCube{width:50px;height: 50px;background: red;position: absolute;}#s{width: 100px;height: ...
IE里的javascript 的 innerHTML 空格陷阱
Piaget
05-22 1024
for(var i=0;i {  if(document.getElementById("Cityadmenu_1"+i).innerHTML.trim() == item)  {   Show_CityADSMenu(1,i);   break;  } }如上所示，要用mootools的trim()处理一下不然在IE里的innerHTML的值后面会奇怪的出现空格 
怎么将字符串带input渲染到页面上
07-17
要将带有input的字符串渲染到页面上，您可以使用JavaScript和DOM操作。以下是一个示例代码： ```javascript // 获取要渲染的字符串 var str = "这是一个带有的字符串"; // 创建一个div元素 var div = document....
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值