我有一个不同风格的 html 内容。我需要使用 font-size 找到节点。例如，查找具有 font-size: 10pt 的节点。
.classname1 {
color: red;
font-size: 10pt;
}
.classname2 {
color: red;
font-size: 11pt;
}
.classname3 {
color: red;
font-size: 12pt;
}
.classname4 {
color: green;
font-size: 10pt;
}<p>Hello <span class="classname1">world!</span></p>
<p>Hello <span class="classname2">Paul</span></p>
<p>Hello <span class="classname3">raj</span></p>
<p>Hello <span class="classname4">moon</span></p>在这段代码中，我需要找到一个样式为 font-size: 10pt 的节点。
最佳答案
如果你想在points (e.g. 10pt)中使用font-size，你可以将font-size转换为px 使用 fontSize * 72/96 到 pt，然后将其与 10 或您拥有的任何字体大小进行比较。
使用 Math.round 处理转换精度。
在下面找到工作片段:
$(document).ready(function() {
var x = $('*').filter(function() {
return Math.round(parseFloat($(this).css("font-size")) * 72 / 96) === 10
});
console.log(x.length)
});.classname1 {
color: red;
font-size: 10pt;
}
.classname2 {
color: red;
font-size: 11pt;
}
.classname3 {
color: red;
font-size: 12pt;
}
.classname4 {
color: green;
font-size: 10pt;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<p>Hello <span class="classname1">world!</span></p>
<p>Hello <span class="classname2">Paul</span></p>
<p>Hello <span class="classname3">raj</span></p>
<p>Hello <span class="classname4">moon</span></p>
</body>关于javascript - 在 JavaScript 中按字体大小选择 DOM 节点，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43535050/