av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - html標簽的class屬性里面怎么嵌入變量

瀏覽:81日期:2023-06-05 14:11:28

問題描述

var id = snapshot.val().id;var content = snapshot.val().content;var textObj = ’<p class='task-item'><input type='checkbox' /><span class='ui-icon ui-icon-clock'></span><span class='task-content'>’+content+’</span><span class='task-detail'>&nbspdetail</span></p>’;

我想把第一行的id變量(是一個數字)加到第三行p標簽的class屬性里面,可以直接嵌進去嗎?

問題解答

回答1:

var id = snapshot.val().id; var content = snapshot.val().content; var textObj = ’<p class='task-item’+id+’'> <input type='checkbox' /> <span class='ui-icon ui-icon-clock'></span> <span class='task-content'>’+content+’</span> <span class='task-detail'>&nbspdetail</span> </p>’;回答2:

你的問題實質是如何改變拼接出來的HTML模板,本質是拼接字符串。最笨的方法

var textObj1 = ’<p class='task-item'’;var textObj2 = ’> <input type='checkbox' /> <span class='ui-icon ui-icon-clock'></span> <span class='task-content'>’+content+’</span> <span class='task-detail'>&nbspdetail</span> </p>’;textObj = textObj1 + id + textObj2

或者直接用ES6 字符串模板,這樣比較符合你的變量嵌套。但兼容性會有問題。

var textObj = `<p class='task-item${id}'><input type='checkbox' /><span class='ui-icon ui-icon-clock'></span><span class='task-content'>’+content+’</span><span class='task-detail'>&nbspdetail</span></p>`;回答3:

由于你這個其實是JS拼接字符串,所以直接用JS的+將字符串拼接進去。既然你都知道怎么把content拼接進去了,那拼接id也是同理

ES5

var id = snapshot.val().id;var content = snapshot.val().content;var textObj = ’<p class='task-item’ + id + ’'> <input type='checkbox' /> <span class='ui-icon ui-icon-clock'></span> <span class='task-content'>’ + content + ’</span> <span class='task-detail'>&nbspdetail</span></p>’;

當然,你也可以使用ES6的模板字符串,不過瀏覽器兼容性會有問題,具體如下:(注意,整個textObj以`開始,以`結束)

ES6

var id = snapshot.val().id;var content = snapshot.val().content;var textObj = `<p class='task-item${id}'> <input type='checkbox' /> <span class='ui-icon ui-icon-clock'></span> <span class='task-content'>${content}</span> <span class='task-detail'>&nbspdetail</span></p>`;回答4:

Addattribute 試試

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 欧美日韩高清免费 | 91传媒在线观看 | 久久久91精品国产一区二区三区 | 国产免费自拍 | 免费一区 | 亚洲一区| 一级欧美 | 欧美www在线 | 国产在线小视频 | 国产免费国产 | 中文字幕免费 | 欧美成人一区二区三区 | 亚洲啪啪| 日韩欧美专区 | 久久机热 | 久久艹免费视频 | 成人欧美一区二区三区黑人孕妇 | 国产婷婷在线视频 | 欧美一级片在线观看 | 在线精品一区二区三区 | 欧美三级三级三级爽爽爽 | 一区二区三区在线电影 | 久久精品国产免费 | 九九精品在线 | 国产免费va | 欧美在线视频一区 | 国产精品亚洲一区二区三区在线观看 | 米奇狠狠鲁 | 久久精彩视频 | 国产资源视频 | 国产综合久久久久久鬼色 | 国产黄色大片在线免费观看 | 成人在线免费网站 | 国产区精品 | 最新中文字幕在线播放 | 亚洲激情专区 | 黄片毛片在线观看 | 免费电影av | 国产原创在线观看 | 97久久精品午夜一区二区 | 九九精品在线 |