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

我创建了一个带有一些输入字段的按钮，用户可以输入按钮的背景色和文本色。这很好用。但是，我希望在代码片段中显示此动态代码，以便人们复制和粘贴。（查看源代码时看到的代码）

以下是指向我的页面的链接：

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>");
}
})

$（文档）.ready（函数（e）
{
//单击按钮时调用的函数
var generateHTML=函数（）
{
var bColor=$（'#txtBgColor'）.val（）；
var fColor=$（'#txtFontColor'）.val（）；
var dHtml=“在线预约”；
$（'#dRegion'）.html（“+dHtml+”）；
}
})

---

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

我真的不明白这个问题。您发送的页面看起来已损坏。改为添加代码片段，并添加有关所需行为的更多详细信息。您能给我们一个提琴吗，这样您就可以得到更好的建议只有bg颜色和字体颜色会被动态添加吗？rest结构将是静态的吗？背景颜色：文本颜色：Book Appointment Online pkhode，我如何在html中调用它？@Isimo，我已经更新了代码片段并用函数包装了它。您需要单击按钮按钮调用

generateHTML（）

，感谢您迄今为止的帮助。我现在将其显示为：Book Appointment Online它不会将颜色和背景的值设置为：。我认为这与它处于一个状态有关，但我需要这个标签来显示html。有什么建议吗？你可以尝试一下，但我想这与单/双引号有关。如果你觉得有帮助，请投票&如果它真的符合你的要求，请标记为接受。谢谢