將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);
 });
 }); 
});

沒了，以上所述是小編跟大家介紹的給Ajax回傳的HTML標籤動態新增樣式的方法，希望對大家有幫助！ ！

相關推薦：

實例詳解Ajax實作漂亮、安全的登入介面

關於ajax二次封裝jquery

詳Ajax方法實作Form表單的提交及注意事項

#

以上是將Ajax傳回的HTML標籤動態新增樣式的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！