通過JS動態追加標籤，以父評論子評論為例

2022-04-10 15:57:56 字數 2123 閱讀 1296

以下**前後端互動以django模板語法為例

先來以偽**來示意用法：

html部分：

js動態插入部分**：

執行之後我們來瀏覽器看檢查列印的內容：

看插入前後列印結果我們可以得知

$title[0].innerhtml = $title.html() + '<


p>嘿嘿


p>';
這一句只是在原標籤內部追加了乙個

<


p>嘿嘿


p>
原理解析：$title.html()獲取到了標籤內部所有標籤及文字，拿到的是字串格式

然後讓它+乙個p標籤，然後將相加後的整體重新加入到標籤內部

innerhtml是原生js的方法，它區別於innertext，innerhtml可以識別插入內容中的html標籤

innertext會將插入內容當文字插入。

頁面效果：

渲染思路：

js渲染的完整**：

function


f() }',


'code': 'get_son_token',


'article_id': $("#id_article").val()


},success: 


function (data) 


回覆: $  $  


回覆  


引用內容: $


`;                        //


//與新插入的記錄相加後再覆蓋原標籤內部所有html及文字


$(parentid)[0].innerhtml = $(parentid).html() +str;})}


})}f();  


//頁面載入即呼叫
django後端為ajax提供資料的**：

import


datetime


defget_son_token(request):


if request.post.get('


code


') == '


get_son_token':


#        token_list = models.token.objects.exclude(parent_id=none).filter(article_id=request.post.get("


article_id


")).values('


id',


'user__username


','parent_id',


'create_time


','content


','user_id


','parent__user__username')


token_list = [dict(obj) for obj in


token_list]


for obj in


token_list:


obj[


'create_time


'] = obj['


create_time


'].strftime("


%y-%m-%d %x")


#obj: 


back_dic = 


return jsonresponse(back_dic)
資料庫儲存結構：

新增標籤2 jquery 和JS

tag新增標籤 做了個方法方便呼叫 一 js版本 doctype html html lang en head meta charset utf 8 title 建立元素 title script window.onload function else abtn.onclick function 先...

通過搜尋文件內容 加標籤 備註等快速查詢文件

找不到文件，感覺雜亂的解決方法 對於文件管理，您是否感覺到下述問題 明明有，就是 找不到文件？為什麼感覺文件這麼雜亂呢？解決方法當然是整理和知識體系化。但這種高大上的理論，實際上，很難去落實。有沒有一種隨心所欲 又能較好解決文件管理的上述難題的方法呢？文件大師經過近10年的摸索，總結出一些方法，變成...

js動態新增任何html標籤

程式設計思路 我認為,對於html標籤來說,分為閉合和半閉合兩種,當我用js創造一大片html 的時候,會容易出現很雜亂的觀感,而且並不容易維護.那麼我將建立閉合和半閉合標籤作為兩個方法,每次建立就呼叫一次,返回字串型別的html 建議 配合jquery食用更佳,當然document.innerht...