ホームページ  >  記事  >  ウェブフロントエンド  >  onload イベントを div タグと p タグに巧みに追加する

onload イベントを div タグと p タグに巧みに追加する

angryTom
angryTom転載
2019-12-16 17:23:074764ブラウズ

onload イベントを div タグと p タグに巧みに追加する

div と p に onload イベントを追加するにはどうすればよいですか?

前提

実際には、6c04bd5ca3fcae76e30b72ad730ca86d、04a0d55efbbfd646a993fbc01f262c57、d5ba1642137c3f32f4f4493ae923989c、a1f02c36ba31691bcfe87b2722de723b、4c378633720cfc9143d062c00b63a90b、< ;script>、c9ccee2e6ea535a969eb3f532ad9fe89 これらのタグのみに onload イベントがあり、div、p およびその他のタグにはありません。

しかし、div が DOM に追加されたときにまだ何かをしたい場合はどうすればよいでしょうか? DOMに追加するコードの後ろに追加すればいいじゃないかという人もいるかもしれませんが、これは追加箇所の後にいちいち書かないといけないので非常に面倒です。

たとえば、

<div>
   <p>我有一只小毛驴,我从来也不骑。</p>
</div>

上記のコンテンツが読み込まれた後、「私は小さなロバです」というプロンプト ボックスをポップアップ表示するとします。

花を借りて仏様にお供えする

まだ onload イベント処理を使用したいのですが、どのタグがサポートされているかもわかっているので、コードを次のように変更できます:

<div>
   <p>我有一只小毛驴,我从来也不骑。</p>
   <style onload="alert(&#39;我是小毛驴&#39;)"></style>
</div>

このように、style タグを借用することで、div を DOM に追加するだけで、onload イベントのトリガーをシミュレートできます。

この記事は js チュートリアル 列からのものです。ぜひ学習してください。

以上がonload イベントを div タグと p タグに巧みに追加するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcnblogs.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。