← All examples

JavaScript Reading & focus news.ycombinator.com

Hacker News: highlight the story author's comments

Marks every comment written by the original poster of the story with a label and a tinted background.

Code to copy

// Highlight comments written by the story's original poster
(function () {
  const opLink = document.querySelector('.fatitem .hnuser');
  if (!opLink) { return; }
  const op = opLink.textContent.trim();
  document.querySelectorAll('.comtr .comhead .hnuser').forEach(function (u) {
    if (u.textContent.trim() === op) {
      const tag = document.createElement('span');
      tag.textContent = ' [OP]';
      tag.style.cssText = 'color:#ff6600;font-weight:bold;';
      u.after(tag);
      const cell = u.closest('.comment');
      if (cell) { cell.style.background = 'rgba(255,102,0,0.10)'; }
    }
  });
})();

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Paste the code into the rule's JavaScript panel and save — it runs on every page visit.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases