如何在html网页中显示html/JavaScript/CSS代码


发布者 ourjs  发布时间 1627549472728
关键字 Html5  JavaScript 

方法1: 使用 textarea

直接将html代码的innerHTML代码赋给 textarea.value 即可,即: el.value = target.innerHTML 效果如下:

方法2: 使用 转义函数

如果需要在div等元素中显示HTML/JS/CSS代码,则需要将HTML用函数进行转义,比如这个 toTXT 函数,使用时: el.innerHTML = toTXT(html),示例如下:




网页上的原始HTML代码的效果:

flex-direction: row
A B C
flex-direction: row-reverse
A B C
flex-direction: column
A B C
flex-direction: column-reverse
A B C








  开源的 OurJS
OurJS开源博客已经迁移到 OnceOA 平台。

  关注我们
扫一扫即可关注我们:
OnceJS

OnceOA