如何从给定的html字符串中删除开头和结尾的空格?

2020/10/21 11:21 · javascript ·  · 0评论

我有以下HTML字符串。JavaScript中从该字符串中删除前导和尾随空格的示例代码是什么?

<p>&nbsp;&nbsp;</p>
<div>&nbsp;</div>
Trimming using JavaScript<br />
<br />
<br />
<br />
all leading and trailing white spaces
<p>&nbsp;&nbsp;</p>
<div>&nbsp;</div>

看到字符串方法trim()- https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/Trim

var myString = '  bunch    of <br> string data with<p>trailing</p> and leading space   ';
myString = myString.trim();
// or myString = String.trim(myString);

编辑

如其他评论所述,可以使用正则表达式方法。trim方法实际上只是正则表达式的别名:

if(!String.prototype.trim) {  
  String.prototype.trim = function () {  
    return this.replace(/^\s+|\s+$/g,'');  
  };  
} 

……这会将方法注入仍在池浅端游泳的那些浏览器的本机原型中。

var str = "  my awesome string   "
str.trim();    

对于旧版浏览器,请使用正则表达式

str = str.replace(/^[ ]+|[ ]+$/g,'')
//str = "my awesome string" 
string.replace(/^\s+|\s+$/g, "");

如果您使用的是多行字符串,例如代码文件:

<html>
    <title>test</title>
    <body>
        <h1>test</h1>
    </body>
</html>

并希望替换所有引导线,以获得以下结果:

<html>
<title>test</title>
<body>
<h1>test</h1>
</body>
</html>

您必须将multiline标志添加到正则表达式中,^$逐行匹配:

string.replace(/^\s+|\s+$/gm, '');

docs的相关报价

“ m”标志指示多行输入字符串应视为多行。例如,如果使用“ m”,则“ ^”和“ $”将从仅在整个字符串的开头或结尾的匹配更改为字符串中任何行的开头或结尾。

我知道这是一个非常老的问题,但仍然没有公认的答案。我看到您要删除以下内容:“空”的html标签和基于html字符串的空白。

根据您的评论,我想出了一个解决方案,用于您要寻找的输出:

Trimming using JavaScript<br /><br /><br /><br />all leading and trailing white spaces 

var str = "<p>&nbsp;&nbsp;</p><div>&nbsp;</div>Trimming using JavaScript<br /><br /><br /><br />all leading and trailing white spaces<p>&nbsp;&nbsp;</p><div>&nbsp;</div>";
console.log(str.trim().replace(/&nbsp;/g, '').replace(/<[^\/>][^>]*><\/[^>]+>/g, ""));

.trim() 删除前导和尾随空格

.replace(/&nbsp;/g, '') 删除 &nbsp;

.replace(/<[^\/>][^>]*><\/[^>]+>/g, "")); 删除空标签

01)。如果只需要删除前导空格和尾随空格,请使用以下命令:

var address = "  No.255 Colombo  "
address.replace(/^[ ]+|[ ]+$/g,'');

这将返回字符串“ No.255 Colombo”

02)。如果需要删除所有空白,请使用以下命令:

var address = "  No.255 Colombo  "
address.replace(/\s/g,"");

这将返回字符串“ No.255Colombo”

var trim = your_string.replace(/^\s+|\s+$/g, '');
本文地址:http://javascript.askforanswer.com/ruheconggeidingdehtmlzifuchuanzhongshanchukaitouhejieweidekongge.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!