如何显示原始的原始Html代码？

Question

我和大多数人的要求相反.我想显示原始的Html字符代码而不是显示其字形.

我有一个使用最新Unicode代码的表情符号表.例如,??在页面中写为😀和&#1f607;.我正在做一个快速参考实用程序,所以当我点击其中一个时,我想显示图形的代码.不幸的是,如果我将字符值推送到元素的innerText或innerHTML,它总是显示字形.如何&#1f600;以字面形式&#1f600;而不是? 显示值

---

感谢所有有用的答案.我尝试过使用<code>,<pre>但它们对我不起作用.我使用jQuery选择一个<code>元素并将其设置text为😀.显示图形而不是文字代码字符.也许我使用了错误的属性或功能.或者我应该不使用jQuery？

我的代码是:

<script>
  $('.emoji').click( function() {
     $('#selected').text(this.innerText);
  });
</script>

<div class='emoji'>&#x1f600;</div> 
<div class='emoji'>&#x1f607;</div>

<code id='selected'></code>

Answer 1

你应该可以这样做:

😀

看到这个代码笔

http://codepen.io/anon/pen/MbgKpw