Q&A
判断して「何をしたい」のでしょうか。
（デザイン調整などであれば、「人間が見て判断する」というのも有意な手段となります）
したいこと
htmlコードから，tdタグ内のpタグの文章がブラウザ表示する際に改行されるか否かを判断したい。
以下はサンプルのhtmlコードです。
html
1<html> 2 3<head> 4 <meta charset="Shift-JIS"> 5 </meta> 6</head> 7 8<body> 9 <table cellSpacing="0" cellPadding="0" border="1" style="border-right:medium none;border-left:medium none;border-collapse:collapse"> 10 <tbody> 11 <tr style="height:60pt"> 12 <td vAlign="top" width="160" style="border-right:windowtext 0.5pt solid;padding-right:0mm;padding-left:0mm;border-left:medium none;width:120pt;height:60pt"> 13 <p style="font-size:9pt;margin:0pt 5pt 0pt;font-family:serif"><span style="font-size:8pt">あいうえおかきくけこさしすせそたちつてと</span></p> 14 <p style="font-size:9pt;margin:0pt 5pt 0pt;font-family:serif"><span style="font-size:8pt">なにぬねの</span></p> 15 <p style="font-size:9pt;margin:0pt 5pt 0pt;font-family:serif"><span style="font-size:8pt">はひふへほまみむめも</span></p> 16 </td> 17 </tr> 18 </tbody> 19 </table> 20</body> 21 22</html> 23
tdタグ内には3つのpタグがあり，ブラウザ表示する際には1つ目のpタグのテキストのみ改行表示されることになります。
以下はブラウザでの表示例です。
文字ポイントやwidthなどから改行の有無を判断できるのではないかと考えているのですが，
具体的な方法等あればお教えいただけないでしょうか。
ご質問ありがとうございます。
最終的にはhtmlからスクレイピングによって表を抽出することが目的となります。
前回の質問（https://teratail.com/questions/270634）と関連するのですが，
pタグのテキストが自動改行されるか否かによって他のセルとの対応関係を場合分けして特定する必要があると考えています。
そのため，上記質問をいたしました。
回答1件
0
ベストアンサー
を利用するとよいでしょう
投稿2020/06/22 02:23
総合スコア115010
<style>
#hoge{width:100px}
</style>
<script>
window.addEventListener('DOMContentLoaded', ()=>{
document.querySelectorAll('p').forEach(x=>{
console.log(x.getBoundingClientRect().height);
});
});
</script>
<div id="hoge">
<p>aaa bbb cccc</p>
<p>aaa bbb</p>
</div>
ありがとうございます。
今確認の時間がとれないため，後ほど確認いたします。
回答内容確認いたしました。
Pythonユーザー（といっても初心者ですが）なため，Javascriptに関しては無知であり，直接頂いたものを使うことはできなかったのですが，htmlの座標や位置情報といった考え方が大変参考になりました。
その結果，Seleniumのwebelementのsizeプロパティなどで代用できそうなことが分かりましたのでベストアンサーとさせていただきます。
あなたの回答
tips
プレビュー
