Ottenere pagina visualizzata usando JS o JQuery

Ecco il mio codice HTML:Ottenere pagina visualizzata usando JS o JQuery

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://code.jquery.com/jquery-1.7.2.js"></script> 
</head> 
<body> 
    <input id="test" value=""> 
    <input type="button" id="btn" value="Get"> 
</body> 
</html>

E JS:

$('#btn').click(function(){ 
    alert(document.documentElement.innerHTML); 
});

http://jsbin.com/wuveresele/edit?html,js,output

voglio entrare un po 'di valore (ad esempio, 123) nel campo di input, fare clic sul pulsante e vedere il codice html "renderizzato" della pagina in un popup di avviso.

quello che vedo:

... 
<input id="test" value=""> 
...

Quello che voglio vedere:

... 
<input id="test" value="123"> 
...

E 'possibile utilizzare JS o JQuery?

fonte

2016-03-16 Vitaly

Ecco cosa ho aggiunto alla tua JS

$('#btn').click(function(){ 
    $("#test").attr("value",$("#test").val()); 
    alert(document.documentElement.innerHTML); 
});

Quello che sto facendo è essenzialmente utilizzando il Jquery attr() function .Il primo parametro si riferisce alla attributo che si desidera manipolare e il secondo attributo è il valore di essere dato.

Ecco la working demo

fonte

2016-03-16 04:59:40

Questo è quello che sto cercando esattamente! Grazie – Vitaly

Ecco la soluzione:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#btn").click(function(){ 
     var value = $("#test").val() 
     alert(value); 
    }); 
}) 
</script> 
<input id="test" value=""> 
<input type="button" id="btn" value="Get">

fonte

2016-03-16 05:08:53 ahmdabos

L'utente desidera che i dati siano visibili quando viene stampato il codice HTML, quindi sarà necessario utilizzare qualcosa per impostare il valore dell'attributo sul valore di input. –

Ottenere pagina visualizzata usando JS o JQuery

risposta

Problemi correlati