javascript - trim div 内的字符串

Question

<div class="name" >
product name
</div>

当我使用以下代码计算产品名称字符串的长度时:

var productnames = document.getElementsByClassName('name');
productnames[0].innerHTML.trim();
console.log(productnames);
console.log(productnames[0].innerHTML.length);

我的 trim 原型(prototype)函数是

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

结果是64。但是，如果我在以下位置运行相同的代码:

<div class="name" >product name</div>

结果是13。

有没有办法删除 innerHTML 字符串前后的空格，以便我只留下产品名称而不删除退格符？ jQuery 解决方案也很好。

Answer 1

如果您使用 jQuery 插件。比这更简单。

$.trim(stringHere);

所以你的代码是

$.trim($('.name').text());

在代码中，$('.name').text() 将是提供给必须 trim 的方法的字符串。我创建了一个示例 fiddle 供您检查它是如何工作的。

http://jsfiddle.net/afzaal_ahmad_zeeshan/dJ9SA/

了解更多:http://api.jquery.com/jQuery.trim/