如何将代码显示为<代码>

How to display code as <code>

本文关键字：代码 lt gt 显示      更新时间：2023-09-26

我创建了一个按钮，其中包含一些输入字段，供用户输入按钮的背景颜色和文本颜色。这非常有效。然而，我想在代码片段中显示这个动态代码，供人们复制和粘贴。（查看源代码时看到的代码）

以下是我的页面链接：https://appointuit.com/home/testbutton/

js是：

function check(){
   document.getElementById('buttonOnline').style.background = document.myForm.colorType.value; 
document.getElementById('buttonOnline').style.color = document.myForm.colorTextType.value; 

}  
function code(){
     document.getElementById('snippet').textContent = document.myForm.buttonOnline.innerHTML;
}

您可以试试这个。我使用jQuery进行语法分析。

$(document).ready(function(e)
{
//function to be called on click of the button
var generateHTML = function()
{
var bColor = $('#txtBgColor').val();
var fColor = $('#txtFontColor').val();
var dHtml = "<span style='color:"+ fColor +"background:"+bColor+"'>Book   Appointment Online</span>";
$('#dRegion').html("<pre>"+dHtml+"</pre>");
}
})

我认为这里使用的id对你来说是不言自明的。

相关文章：