<html> <td id="test" onload="GetValue('{{name}}')"></td> </html> <script> function GetValue(value){ value+="Hello"; document.getElementById("test").innerText=value; } </script>El objetivo es tener una fila de tabla como "JohnHello" directamente en la carga de la página. Estoy usando Handlebars y supongamos que se ha pasado "John" en la variable {{name}}.
El evento de carga se activa para la ventana... Y algunos otros elementos como <img> ... Pero no en un <td> .
En el siguiente fragmento, utilicé el atributo onload en <body> . Eso es porque pertenece directamente a window . Puede apuntarlo usando window.document.body .
Además, le sugiero que pruebe usando HTML válido. Así que tener un <td> dentro de un <tr> y un <table> ... Y la etiqueta <script> dentro del <body> .
Eso te ahorrará tiempo seguro.
<html> <body onload="GetValue('john')"> <table> <tr> <td id="test"></td> </tr> </table> <script> function GetValue(value) { value += "Hello"; document.getElementById("test").innerText = value; } // This log is to show that <body> directly belongs to window console.log(window.document.body) </script> </body> </html>