Как заменить «тяжёлый» элемент HTML в JS?

Question

[Илья Чехлов]

Мне надо чтобы:

<div id="DivThirdPowerLevel" onclick="ThirdPowerLevel()">
          <div id="DivButtonThirdPowerLevelBlock"><p id="TextThirdPowerLevel">Заблокировано<br>300 Фотографий</p>
           </div>
</div>

При нажатии менялось на:

<div id="DivThirdPowerLevel" onclick="QuadroPowerLevel()">
                <div id="DivButtonThirdPowerLevel"><p id="TextThirdPowerLevel">300 Фотографий<br>Купить</p></div>
                <p id="ThirdTextThirdPowerLevel">+1 фотографий/сек</p>
            </div>

.replaceWith не работает, пробовал по разному

Comments

[Ankhena]

innerHTML

[Kovalsky]

А что значит фраза "replaceWith не работает, пробовал по разному"? То есть я понимаю смысл в неё вложенный, но не понимаю зачем вы это пишете, что вы ожидаете услышать в ответ. Вы правда думаете что метод специально существующий для выполнения как раз таких задач как ваша просто не работает? Такого же быть не может, у всех ведь работает. Вполне же очевидно, что вы просто неправильно им пользуетесь. Открывайте мдн, читайте описание, смотрите там примеры использования