取出"function"字符串

html页面中有一段文本"function say(){ ... }",我想将里面的"function"字符串用红色字体突出显示出来

阅读 2.6k
2 个回答

最近在做一个编辑器应用,用到了正则,相当于匹配关键字吧:

<html>
<head>
    <meta charset="utf-8"/>
    <title>Test</title>
    <style>
    .red{ color:red; }
    </style>
</head>
<body>
<p>function say(){...}</p>
<script>
  var p = document.getElementsByTagName('p')[0];
  var txt = p.innerHTML;
  txt = txt.replace(/function/g, '<span class="red">function</span>');
  p.innerHTML = txt;
</script>
</body>
</html>

应该需要一个代码着色的插件吧。看看这个prismjs
支持很多语言哟多语言

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题