问Rangy :如何实现多种风格？
EN

Stack Overflow用户

提问于 2021-10-28 17:49:36

回答 1查看 49关注 0票数 1

我正在使用Rangy在我的网页中突出显示文本。有没有办法设置多种样式，让用户选择突出显示文本？例如，当用户单击某个黄色高亮显示时，我使用getHighlightForElement()方法获取所有文本，但我不知道如何更改类/id的颜色？或任何其他方式的建议？谢谢！

javascript

rangy

回答 1

Stack Overflow用户

发布于 2021-10-28 18:06:42

下面的代码是一个简单的样式表交换器。当你点击"Highlight 1“按钮时，它将加载一个名为”Highlight t1.css“的样式表。当您单击不同的按钮时，样式表将被换出。

<html lang="en">
  <head>
    <link href="default_highlight.css" rel="stylesheet" type="text/css" id="highlight">
    <script>
      function setHighlight1() {
        const highlight = document.getElementById('highlight');
        highlight.href = 'highlight1';
      }
      function setHighlight2() {
        const highlight = document.getElementById('highlight');
        highlight.href = 'highlight2';
      }
      function setHighlight3() {
        const highlight = document.getElementById('highlight');
        highlight.href = 'highlight_3.css';
      }
    </script>
  </head>
  <body>
    <button onclick="setHighlight1()">Highlight 1</button>
    <button onclick="setHighlight2()">Highlight 2</button>
    <button onclick="setHighlight3()">Highlight 3</button>
  </body>
</html>

希望这能回答你的问题。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69758771

复制

相似问题

问Rangy :如何实现多种风格？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Rangy :如何实现多种风格？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Rangy :如何实现多种风格？
EN