Supongamos que ha proporcionado una página HTML y la tarea es obtener el título de una página HTML con la ayuda de jQuery. Hay dos enfoques que se analizan a continuación:
Enfoque 1: El selector jQuery $(‘title’) se usa para seleccionar el elemento de título del documento y podemos usar el método text() en el selector para obtener el título del documento.
- Ejemplo:
<!DOCTYPE HTML><html><head><title>Get title of current HTML page</title><scriptsrc=</script><style>body {text-align:center;}#gfg{color: green;font-size: 24px;font-weight: bold;}</style></head><body><h1style="color:green;">GeeksforGeeks</h1><b>Click on button to get HTML document's title</b><br><br><buttononClick="GFG_Fun()"> click here</button><pid="gfg"></p><script>var down = document.getElementById('gfg');// Main functionfunction GFG_Fun() {down.innerHTML = $('title').text();}</script></body></html> - Producción:
Enfoque 2: El selector jQuery $(document) se usa para seleccionar el documento HTML y podemos usar el método attr() en el selector para obtener el título del documento pasando ‘título’ como argumento.
- Ejemplo:
<!DOCTYPE HTML><html><head><title>Get title of current HTML page</title><scriptsrc=</script><style>body {text-align:center;}#gfg{color: green;font-size: 24px;font-weight: bold;}</style></head><body><h1style="color:green;">GeeksforGeeks</h1><b>Click on button to get HTML document's title</b><br><br><buttononClick="GFG_Fun()"> click here</button><pid="gfg"></p><script>var down = document.getElementById('gfg');// Main functionfunction GFG_Fun() {down.innerHTML = $(document).attr('title');}</script></body></html> - Producción:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA