Necesito crear un proyecto para mi universidad y los profesores han prohibido el uso de inner.HTML por alguna razón. Intenté usar la solución en esta pregunta, pero no me está haciendo nada.
¿Hay alguna manera de cambiar el texto dentro de una página HTML a través de la manipulación DOM sin usar inner.HTML?
Editar: al igual que el tipo en la otra pregunta, no quiero solo agregar texto, sino cambiar el texto que ya está en la página.
Podría usar una biblioteca de Javascript para esto, como Knockout o React.
El ejemplo de la página de Knockout funcionaría muy bien ( https://knockoutjs.com/examples/helloWorld.html ):
<p>First name: <input data-bind="value: firstName" /></p> <p>Last name: <input data-bind="value: lastName" /></p> <h2>Hello, <span data-bind="text: fullName"> </span>!</h2> // Here's my data model var ViewModel = function(first, last) { this.firstName = ko.observable(first); this.lastName = ko.observable(last); this.fullName = ko.pureComputed(function() { // Knockout tracks dependencies automatically. It knows that fullName depends on firstName and lastName, because these get called when evaluating fullName. return this.firstName() + " " + this.lastName(); }, this); }; ko.applyBindings(new ViewModel("Planet", "Earth")); // This makes Knockout get to work