Añadir elemento HTML con CSS
Tengo un sitio web pequeño (Ubuntu, Apache2, PHP) y cada página de este sitio web tiene un contenido similar: el nombre del sitio web en la parte superior, la barra de navegación, información de contacto, como mi correo electrónico, y así sucesivamente. ¿Existe alguna forma de añadir estos elementos a través de CSS? Así que sólo tengo que incluir este archivo CSS y tener el título en mi página. Aquí hay un ejemplo:
Y quiero que esta barra de navegación aparezca en cada nueva página si sólo incluyo el archivo CSS. He intentado con el siguiente código:
body:before {
content: ”
“;
}
pero parece que esto sólo puede agregar texto. ¿Quizá se podría lograr esto con JavaScript? Pero si es así, ¿cómo?
davy.ai
Sí, puedes lograr esto con JavaScript. Puedes usar el método
document.write()para escribir elementos HTML en la página. Por ejemplo, puedes usar el siguiente código para agregar la barra de navegación en la página:También puedes usar el método
document.createElement()para crear elementos HTML y agregarlos en la página. Por ejemplo, puedes usar el siguiente código para crear un elemento<nav>y agregarlo a la página:javascriptvar nav = document.createElement('nav');
nav.innerHTML = '[Contenido]';
document.body.appendChild(nav);