我的文字可能会分成多行,但如果超出最大字符数,则应将...
添加到末尾。
示例 - 原始文字= A link to something
截断文字= A link ...
有没有办法存储原始文本,以便可以访问屏幕阅读器?我一直在研究咏叹调属性,但我不确定这些是否可以帮助解决这种情况。
这是我当前代码的小提琴,但我认为它非常容易访问:http://jsfiddle.net/9s57b/
这是我的HTML:
<a href="#" class="js-text">A link to something</a>
这是我的JavaScript:
var element = document.querySelector('.js-text'),
// innerText for IE, textContent for other browsers
text = element.innerText || element.textContent,
textArray = text.split(''),
textArrayLength = textArray.length,
maxCharacterCount = 7,
newText = '';
if (textArrayLength > maxCharacterCount) {
for (var i = 0; i < maxCharacterCount; i++) {
newText += textArray[i];
}
}
element.innerHTML = newText + ' ...';