Cambio META Description (javascript)

Esempio codice:
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Questo è un test">    
        <title>title</title>
        <script>
            function mostraMeta(){
                e=document.getElementById("valoreDiMeta");
                e.innerHTML=leggiMeta();
            }

            function cambiaMeta(){
                var testo=document.getElementById("testoMeta").value;
                var x = document.getElementsByTagName("META");
                var i;
                for (i = 0; i < x.length; i++) {
                    if(x[i].name=="description"){
                        x[i].content=testo;
                    }
                }
            }

            function leggiMeta(){
                var x = document.getElementsByTagName("META");
                console.log("META",x);
                var txt = "";
                var i;
                for (i = 0; i < x.length; i++) {
                    if(x[i].name!=""){
                        txt+="Content of meta#"+(i+1)+" - "+" name:<b>"+x[i].name+"</b> content:<b>"+x[i].content+"</b><br>";
                    }
                }
                return(txt);
            }
        </script>

    </head>
    <body onload="mostraMeta();">
        <h1>Valore di meta</h1>
        <p id="valoreDiMeta">Attendere prego</p>
        <p><button onclick="cambiaMeta(); mostraMeta();">Cambia Meta</button> - <input type="text" id="testoMeta" value="Nuovo testo del Meta"</p>
        <!-- page content -->
    </body>
</html>
Leave a Reply Annulla risposta
