後にcss擬似要素でonclickを追加します
私のcssファイルでそのようなことをすることは可能ですか？：
.myclass:after{
content:"click me";
onclick:"my_function()";
}
CSSスタイルシートで、myclassのすべてのインスタンスの後にクリック可能なテキストを追加したいと思います。
Cssファイルで[上記のコードを参照]のようなことを行うことはできますか？
番号
尋ねるべき重要な質問はwhyです。
[〜＃〜] html [〜＃〜]は、Webページ内のdataを制御します。 CSSまたはJSはHTMLを介して指定されます。 モデルです。
[〜＃〜] css [〜＃〜]はstylesを制御します。CSSとHTMLまたはJavaScriptの間にリンクはありません。 Viewです。
JavaScriptは、Webページ内の相互作用を制御し、すべてのDOMノードへのフックを持ちます。 Controllerです。
このMVC構造のため、HTMLは.htmlファイルに属し、CSSは.cssファイルに属し、JSは.jsファイルに属します。
CSS擬似要素はDOMノードを作成しません。 JavaScriptがCSSで定義された擬似要素に直接アクセスする方法はなく、イベントをその擬似要素にアタッチする方法もありません。
セット構造が整っていて、HTML内に新しいリンクを作成するために必要な追加コンテンツを追加できない場合、JavaScriptは必要な新しい要素を動的に追加し、CSSでスタイル設定できます。
jQueryはこれを非常に簡単にします。
$('<span class="click-me">click me</span>').appendTo('.myclass').click(my_function);