假设我有一个
期待着有什么想法。
示例SPAN:
<span style="font-size:22pt;line-height:1;">
<strong>
Qui
<em>
<u>
<s>
squ
</s>
</u>
</em>
e ac justo pulvinar, efficitur odio nec, convallis ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vestibulum ex tortor, pretium ac sapien sed, condimentum fringilla elit. Fusce aliquam ullamcorper magna eget dignissim. In porttitor nec magna non auctor. Nullam feugiat ultrices molestie.
</strong>
</span>
您可以使用childNodes并通过将文本拆分成行来使用循环计数how字符:
null
var i = 1;
document.querySelector('span').childNodes.forEach(function(ele, idx) {
if (ele.nodeType == Node.TEXT_NODE || ele.nodeType == Node.ELEMENT_NODE) {
var lines = ele.textContent.trim().split('\n');
lines.forEach(function(l) {
if (l.trim().length>0)
console.log('on line n. ' + i++ + ' there are ' + l.trim().length + ' chars');
})
}
});<span style="font-size:22pt;line-height:1;">
<strong>
Qui
<em>
<u>
<s>
squ
</s>
</u>
</em>
e ac justo pulvinar, efficitur odio nec, convallis ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vestibulum ex tortor, pretium ac sapien sed, condimentum fringilla elit. Fusce aliquam ullamcorper magna eget dignissim. In porttitor nec magna non auctor. Nullam feugiat ultrices molestie.
</strong>
</span>