| <!DOCTYPE html> | |
| <head> | |
| <style> | |
| ::highlight(example) { | |
| background-color: yellow; | |
| color:green; | |
| } | |
| </style> | |
| </head> | |
| <div id="target"> | |
| <span id="highlight">highlight</span> | |
| </div> | |
| <script> | |
| let highlight = document.getElementById('highlight'); | |
| let highlight1 = new Highlight(new StaticRange({startContainer: highlight.childNodes[0], startOffset: 0, endContainer: highlight.childNodes[0], endOffset: 4})); | |
| CSS.highlights.set("example", highlight1); | |
| </script> |