Ajax から返された HTML タグにスタイルを動的に追加する方法

この記事では、Ajax が返す HTML タグに動的にスタイルを追加する方法を主に紹介します。ajax に興味のある友人は、Ajax が返す HTML タグに動的にスタイルを追加する方法を参照してください。今日、そのページで ajax を使用して別のページに戻ったところ、返されたページのテーブルがページを押し出していたことが突然わかりました。調べた結果、最終的に解決しました。

まず、返されたコンテンツ用のコンテナを準備します

 <p class="container">
 </p>

返されたコンテンツを直接適用できるように、スタイルを事前定義します

たとえば、返されたテーブルが過度になり過ぎず、ページを押し開かないようにすることを望みます。 。 。

<style>
 .container table{
 width:100%;
 }
</style>

最後に、ajax を使用してコンテンツをコンテナに直接返します

$(function(){
 $('a').click(function(){
 $.get('get.html',function(data){
 $('.container').html(data);
 });
 }); 
});

上記は、 によって返された HTML タグにスタイルを動的に追加するためにエディターが紹介する方法です。アヤックス、皆さんのお役に立てれば幸いです。 ！

関連する推奨事項:

美しく安全なログインインターフェイスの Ajax 実装の例と詳細な説明

jquery の Ajax 二次カプセル化について

Form フォーム送信を実装するための Ajax メソッドの詳細な説明と注意事項

以上がAjax から返された HTML タグにスタイルを動的に追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。