html 段落长度,HTML DOM在具有ID的段落中获取字体样式的长度

最新推荐文章于 2024-05-06 21:51:47 发布

工程师李涛

最新推荐文章于 2024-05-06 21:51:47 发布

阅读量137

点赞数

文章标签： html 段落长度

这篇博客介绍了如何使用JavaScript获取文档中指定元素如'em'的数量，以及具有特定id如'italic'的元素数量。同时，展示了如何查找所有应用了italic样式的元素。这些方法对于网页内容的分析和操作非常有用。

摘要由CSDN通过智能技术生成

如果要查找的是整个文档中个元素的数量：

var italicisedElements = document.getElementsByTagName('em').length;

＆＃13;

var italicisedElements = document.getElementsByTagName('em').length;

document.getElementById('result').innerHTML = 'Number of <em> elements: ' + italicisedElements;＆＃13;

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Donec at erat semper, tempor magna sed, aliquet lorem. Morbi iaculis libero sed elementum fermentum.

要查找给定元素中id个元素的数量，例如id="italic"：

var italicisedElements = document.querySelectorAll('#italic em').length;

＆＃13;

var italicisedElements = document.querySelectorAll('#italic em').length;

document.getElementById('result').innerHTML = 'Number of <em> elements: ' + italicisedElements;＆＃13;

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Donec at erat semper, tempor magna sed, aliquet lorem. Morbi iaculis libero sed elementum fermentum.

要查找document中其CSS(无论是内嵌，style属性，还是通过其他地方设置CSS)的所有元素，请将文本设为italic：

var all = Array.from( document.querySelectorAll('*') ),

italicisedElements = all.filter(function(node){

return window.getComputedStyle(node).fontStyle === 'italic';

}).length;

console.log(italicisedElements);

＆＃13;

var all = Array.from(document.querySelectorAll('*')),

italicisedElements = all.filter(function(node) {

return window.getComputedStyle(node).fontStyle === 'italic';

}).length;

document.getElementById('result').innerHTML = 'Number of <em> elements: ' + italicisedElements;＆＃13;

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Donec at erat semper, tempor magna sed, aliquet lorem. Morbi iaculis libero sed elementum fermentum.

关注