gerenderte Seite anzeigen mit JS oder JQuery

Hier ist mein HTML-Code:gerenderte Seite anzeigen mit JS oder 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>

Und JS:

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

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

ich einen Wert eingeben möchten (zB 123) Klicken Sie im Eingabefeld auf den Button und sehen Sie den "gerenderten" HTML-Code der Seite in einem Popup-Fenster.

Was ich sehe:

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

Was ich sehen will:

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

Ist es möglich, JS oder JQuery verwenden?

Quelle

2016-03-16 Vitaly

Hier ist, was ich auf Ihre JS

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

Was ich im Wesentlichen tun, die JQuery

hinzugefügt attr() function .Die erste Parameter verwendet bezieht sich auf das Attribut, das Sie wollen manipulieren und das zweite Attribut ist der Wert zu sein gegeben.

Hier ist die working demo

Quelle

2016-03-16 04:59:40

Dies ist, was genau ich suche! Danke – Vitaly

Hier ist Ihre Lösung:

<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">

Quelle

2016-03-16 05:08:53 ahmdabos

Der Benutzer möchte, dass die Daten sichtbar sind, wenn der HTML-Code gedruckt wird. Sie müssen also etwas verwenden, um den Attributwert auf den Eingabewert zu setzen. –

gerenderte Seite anzeigen mit JS oder JQuery

Antwort

Verwandte Themen