CSSの擬似要素をHTMLから取得する為に使用するコードがattrです。
以下のコードで取得することが可能です。

<p data-text="擬似要素として取得したいテキスト">本文のテキスト</p>

p::before { content: attr(data-text)""; }

ボタンでホバー時に文言を切り替えたい時などに使用すると便利