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

Question

我有一些具有类名的div.这里我想控制/限制使用javascript基于类名在div中显示的字符数.请帮我解决这个问题.

Answer 1

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

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(0,200);
  }
}

请注意,如果div包含标记,纯JavaScript方法可能会创建无效的HTML.正确的方法是迭代div中的子节点.