Передайте тег div в функцию Javascript с двумя аргументами

Question

Я пытаюсь передать html div tag в следующее Javascript function:

<script type="text/javascript">
        function fire(message, type) {
            {
                var cssclass;
                switch (type) {
                    case 'Error':
                        cssclass = 'alert-danger'
                        break;
                    case 'Warning':
                        cssclass = 'alert-warning'
                        break;
                    default:
                        cssclass = 'alert-info'
                }
            }

            var elem2 = document.createElement('div');
            //elem2.innerHTML = '<div class="alert alert-warning alert-dismissible fade show"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a><span><strong>unbelievable</strong></span></div>'; works.
            elem2.innerHTML = '<div class="alert '+type+' alert-dismissible fade show"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a><span><strong>'+message+'</strong ></span ></div > ';
            document.body.appendChild(elem2);
        }

    </script>

Все еще на file.aspx,

Я определил

<asp:Label ID="lblJavaScript" runat="server" Text=""></asp:Label>

Затем вызывается на file.cs, для целей тестирования:

 lblJavaScript.Text = "<script type='text/javascript'>fire('test', 'Error');</script>";

Больше всего меня поражает отсутствие цветной рамки, обрамляющей переменную test как выделено из синтаксиса hard-coded:

elem2.innerHTML = '<div class="alert alert-warning alert-dismissible fade show"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a><span><strong>unbelievable</strong></span></div>'; 

. Таким образом, я заинтересован в обосновании. Заранее благодарим за соответствующие объяснения.

Answer 1

В качестве обходного пути я определил следующее script, надеясь, что это поможет другим людям, испытывающим подобные проблемы:

<script type="text/javascript">
        function fire(message, type) {
            {
                var cssclass;
                var csscolor;
                switch (type) {
                    case 'Success':
                        cssclass = 'alert-success'
                        csscolor = '#28a745'
                        break;
                    case 'Error':
                        cssclass = 'alert-danger'
                        csscolor = '#dc3545'
                        break;
                    case 'Warning':
                        cssclass = 'alert-warning'
                        //csscolor = '#f0ad4e'
                        csscolor = '#ffc107'
                        break;
                    default:
                        cssclass = 'alert-info'
                        csscolor = '#17a2b8'
                }
            }

var elem2 = document.createElement('div');

elem2.innerHTML = '<div class="alert ' + type + ' alert-dismissible fade show" style="margin: 0 0.5%; -webkit-box-shadow: 3px 4px 6px #999;background-color:' + csscolor+'"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a><span><strong>'+message+'</strong ></span ></div > ';
            document.body.appendChild(elem2);
}

</script>