如何在 javascript 中將變量打印到格式化的 html？

Question

如何在 javascript 中將變量打印到格式化的 html？

我想顯示為超鏈接：

我想顯示為超鏈接

我想要的結果：

- - - -代碼 - - - - -

這是 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);
        }
    });
}

Answer 1

這應該有效。

 document.getElementById("displayed").innerHTML = document.getElementById("displayed").innerHTML.replaceAll("&", "&amp;").replaceAll("<", "&lt;")

 <code id="displayed"><a href="#">test</a></code> <button onclick="document.getElementById('displayed').innerHTML = '<a href=\'#\'>test</a>'">Click To Change Into Hyperlink</button>

參考

有關在網頁上顯示 html 的更多信息，請參閱在 HTML 中顯示 HTML 片段。

Answer 2

我也不確定你到底想要什么，但我認為你想使用 JavaScript 添加一些anchor標簽，它應該呈現為 HTML 代碼，而不是純文本。

然后你可以這樣做。

 <.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>

如何在 javascript 中將變量打印到格式化的 html？

問題描述

2 個解決方案

解決方案1
0 2021-04-27 03:37:35

參考

解決方案2
0 2021-04-27 04:00:26

如何在 javascript 中將變量打印到格式化的 html？

問題描述

2 個解決方案

解決方案1 0 2021-04-27 03:37:35

參考

解決方案2 0 2021-04-27 04:00:26

解決方案1
0 2021-04-27 03:37:35

解決方案2
0 2021-04-27 04:00:26