← Todos los ejemplos

JavaScript Lectura y enfoque news.ycombinator.com

Hacker News: resaltar los comentarios del autor

Marca cada comentario del autor original de la historia con una etiqueta y un fondo tenue.

Código para copiar

// 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)'; }
    }
  });
})();

Cómo usar este ejemplo

  1. Copia el código con el botón de arriba.
  2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
  3. Añade una nueva regla que coincida con esa página.
  4. Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.

Valora este ejemplo

Sin valoraciones — sé el primero.

¿Funciona este ejemplo?

Los snippets son inútiles sin un lugar donde pegarlos.

JustZix se instala en 2 minutos y ejecuta tu código en cada página coincidente. Sin cuenta, sin pago.

Descargar gratis Ver casos de uso