Mi proyecto es crear un sitio web de 'Lista de tarifas de artículos diarios', por lo que quiero crear diferentes pestañas como tarifa de verduras, tarifa de frutas, etc. Entonces, el problema es que quiero agregar una tarjeta para diferentes artículos, como cuando hago clic en la pestaña de verduras diferentes tipos de verduras aparecen en el registro de verduras. pero no sé cómo definir div en JavaScript. Quiero crear una función diferente para diferentes elementos como la función verduras () {} y luego dentro de la función quiero colocar una tarjeta diferente de un elemento diferente como la tarjeta de tasa de tomate, la tarjeta de cebolla, etc., en resumen, quiero crear tal función y luego llamar con un botón al igual que llamamos a la función normal, pero no sé cómo declarar div y hacer tal cosa y cómo llamarlo, ¿podrían ayudarme?
Creo que solo estás buscando createElement():
document.createElement("div");Esto es realmente Javascript 101, por lo que recomendaría familiarizarse con los conceptos básicos.
Hay 2 opciones básicas:
<script>document.write("<div />");</script>Ejemplo de código para este último:
let e_new = document.createElement("div"); // Create a new div element for the html document in the context of which this code executes document.querySelector('body').append(e_new); // Add the new element as the last element on the document, or ... document.querySelector('#my-parent-element').append(e_new); // ... add the new element as the last child an existing element having the `id` attribute of `my-parent-element`.