Rule Definition
Historically non-standard and encourages brittle DOM replacement patterns.

Remediation
Use DOM methods (replaceWith, createElement, appendChild, insertAdjacentHTML) or template rendering.

Violation Code Sample

element.outerHTML = '<div class="card">Updated</div>';

Fixed Code Sample

var newEl = document.createElement("div");
newEl.className = "card";
newEl.textContent = "Updated";
element.replaceWith(newEl);

– MDN – Element.outerHTML: https://developer.mozilla.org/en-US/docs/Web/API/Element/outerHTML – MDN – Node.replaceWith() (standard replacement): https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/replaceWith – MDN – document.createElement() (safe DOM construction): https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement – WHATWG DOM Standard – replaceWith: https://dom.spec.whatwg.org/#dom-childnode-replacewith