<span>
または他のタグでラップせずに使用して、HTMLドキュメント内のテキストを強調表示することは可能ですか?
たとえば、HTML コード<p>The quick fox</p>
で強調表示したいのですquick
が、その周りに DOM 要素を追加しません。親要素に DOM 要素を追加しても問題ありません。
ありがとう!
<span>
または他のタグでラップせずに使用して、HTMLドキュメント内のテキストを強調表示することは可能ですか?
たとえば、HTML コード<p>The quick fox</p>
で強調表示したいのですquick
が、その周りに DOM 要素を追加しません。親要素に DOM 要素を追加しても問題ありません。
ありがとう!
いいえ、できません。
静的に行うか動的に行うかに関係なく(たとえば、後処理ステップとしてJavascriptを使用して)、DOMを本質的に変更せずに、テキストの一部を異なる方法でレンダリングするようにブラウザーに指示することはできません。
透明な繰り返し背景画像または透明な背景色 (rgba または hsla を使用) を持つ絶対配置要素を使用し、選択した領域の上に配置する場合に可能です。
もう 1 つの方法は、ブラウザーのビューポート全体を占める背景なしでキャンバス要素を絶対位置に配置し、選択範囲の上に透明な四角形を描画することです。
不可能です。
元のソースコードにタグを付けたくない場合は、後でJavascriptマジックを使用してタグを追加することで可能になる場合があります。あなたは次のようなことをすることができます
<p highlight="quick">The quick fox</p>
JQuery / Prototype / plain JS関数を記述して、その場で強調表示しますが、何のために、そしてなぜですか?少し詳しく説明すると、誰かがアイデアを思いつくかもしれません。
私が想像できるよりもこれを行う唯一の方法は、<canvas>
要素を使用して、すべてを完全に手動でレンダリングすることです。