且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

限制div中的字符数量具有特定的类别

更新时间:2023-11-30 11:50:10

这里是jQuery解决方案,用于将 .myclass 的元素限制为200个字符:

  var myDiv = $('。myclass'); 
myDiv.text(myDiv.text()。substring(0,200));

纯JavaScript解决方案(适用于所有不支持 getElementByClassname )看起来像这样:

  var i; 
var divs = document.getElementsByTagName('div');
for(i = 0; i< divs.length; i ++){
if(divs [i] .className =='myclass'){
divs [i] .innerHTML = divs [I] .innerHTML.substring(0200);






请注意纯JavaScript方法可能会创建无效的HTML if div包含标记。正确的方法是遍历div中的子节点。


I have some set of div which has a class name. Here i want to control/limit the no of characters to be displayed in the div based on the class name using javascript.Please help me to fix this.

Here is the jQuery solution for limiting the elements with .myclassto 200 chars:

var myDiv = $('.myclass');
myDiv.text(myDiv.text().substring(0,200));

The pure JavaScript solution (for all browsers that don't support getElementByClassname) would look like this:

var i;
var divs = document.getElementsByTagName('div');
for(i=0;i<divs.length;i++) {
  if(divs[i].className == 'myclass') {
    divs[i].innerHTML = divs[i].innerHTML.substring(0,200);
  }
}

Note that the pure JavaScript method may create invalid HTML if the divs contain markup. The correct way would be to iterate over the child nodes in the div.