JavaScript: инжектирование содержимого в DOM против скрытия/отображения желаемого содержимого

Question

Если мне нужно показать другой контент (например, короткий текст, несколько изображений) в html на основе определенного двоичного условия (true/false), то из следующего как правило, считается лучшим способом?

1. Ввод содержимого в DOM: Например, это может быть передача текстовой строки в элемент <span>.
2. Скрытие/отображение желаемого контента: у меня было бы два отдельных блока <div>, каждый из которых содержит некоторый контент, который я хочу отображать, в зависимости от двоичного состояния. Только один из них отображается на дисплее в любой момент времени.

Я не привел конкретный пример, потому что я намереваюсь, чтобы это был общий вопрос. Спасибо за ваш совет заранее!

Answer 1

Общего, объективного ответа на этот вопрос нет. Делайте то, что считаете лучшим, лучший ответ будет варьироваться в зависимости от конкретного случая (и в некоторых случаях не может быть «лучшего» ответа).

Обратите внимание, что даже если элементы скрыты, большинство браузеров будут отправлять запросы на изображения в скрытом контенте. Это может быть или не быть объективной причиной принятия решения так или иначе (например, вводить их по требованию, если вы не хотите, чтобы эти изображения запрашивались, когда они не были показаны, или нет, если вы сделаете так, чтобы они были предварительно - кэшируется и отображается сразу же после отображения содержимого).