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

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

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

瀏覽:82日期: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
相關文章:
主站蜘蛛池模板: 欧美www在线观看 | 久久精品超碰 | 中文字幕在线观看国产 | 求个av网址 | 免费毛片www com cn | 成年人在线观看 | 亚洲视频国产 | 免费观看一级特黄欧美大片 | 国产色| 欧美日韩亚洲国产 | 99成人免费视频 | 亚洲免费在线观看 | 国产精品免费av | 国产精品久久视频 | 91精品国产91久久久久久 | 岛国av免费看 | 亚洲欧洲一区 | 断背山在线观看 | 久久精品亚洲一区 | 日韩中文字幕视频 | 日韩av看片 | 91精品国产综合久久久久久首页 | 欧美视频一区二区三区 | 国内自拍偷拍视频 | 免费午夜视频 | 夜夜夜久久久 | 欧美综合一区二区三区 | 国产精品96久久久久久 | 五月激情综合 | 国产精品久久久久久久免费大片 | 在线一区观看 | 天天拍天天操 | 中文字幕国 | 久久久性色精品国产免费观看 | 久久精品视频9 | 久久精品亚洲 | 91文字幕巨乱亚洲香蕉 | 中文字幕视频在线观看 | 国产日韩欧美二区 | 欧美成人第一页 | 免费视频一区 |