如何在 javascript 中将变量打印到格式化的 html？
[英]How can i print variable to formatted html in the javascript?
问题描述
How can I print variable to formatted html in the javascript?
如何在 javascript 中将变量打印到格式化的 html？
I would like to display as a hyperlink:我想显示为超链接：
The result i would like to have:我想要的结果：
-------Code--------- - - - -代码 - - - - -
This is the javascript function code:这是 javascript function 代码：
function fetchComments(leaveRequestId) {
$('#existingComments').html(lang_Loading);
params = 'leaveRequestId=' + leaveRequestId;
$.ajax({
type: 'GET',
url: getCommentsUrl,
data: params,
dataType: 'json',
success: function(data) {
var count = data.length;
var html = '';
var rows = 0;
$('#existingComments').html('');
if (count > 0) {
html = "<table class='table'><tr><th>"+lang_Date+"</th><th>"+lang_Time+"</th><th>"+lang_Author+"</th><th>"+lang_Comment+"</th></tr>";
for (var i = 0; i < count; i++) {
var css = "odd";
rows++;
if (rows % 2) {
css = "even";
}
var comment = $('<div/>').text(data[i]['comments']).html();
html = html + '<tr class="' + css + '"><td>'+data[i]['date']+'</td><td>'+data[i]['time']+'</td><td>'
+data[i]['author']+'</td><td>'+comment+'</td></tr>';
}
html = html + '</table>';
} else {
}
$('#existingComments').append(html);
}
});
}
2 个解决方案
解决方案1
0 2021-04-27 03:37:35
This should work.这应该有效。
document.getElementById("displayed").innerHTML = document.getElementById("displayed").innerHTML.replaceAll("&", "&").replaceAll("<", "<")
<code id="displayed"><a href="#">test</a></code> <button onclick="document.getElementById('displayed').innerHTML = '<a href=\'#\'>test</a>'">Click To Change Into Hyperlink</button>
References参考
See Display HTML snippets in HTML for more information on displaying html on webpages.有关在网页上显示 html 的更多信息，请参阅在 HTML 中显示 HTML 片段。
解决方案2
0 2021-04-27 04:00:26
I am also not sure what exactly you want, but I think you want to add some anchor tag using JavaScript and it should be rendered as HTML code, not as plain text.我也不确定你到底想要什么，但我认为你想使用 JavaScript 添加一些anchor标签，它应该呈现为 HTML 代码，而不是纯文本。
Then you can do it like this.然后你可以这样做。
<.DOCTYPE html> <html> <body> <div id="demo"> </div> <button onclick="myFunction()"> Click here </button> <script> function myFunction() { document.getElementById("demo");innerHTML = '<a href="#">Test</a>'; } </script> </body> </html>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.