Question

这是我的HTML代码：

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

和JS：

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

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

我想在输入字段中输入一些值（例如，123），单击按钮并查看＆＃34;呈现＆＃34;警报弹出窗口中的页面的HTML代码。

我所看到的：

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

我想看到的内容：

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

是否可以使用JS或JQuery？

Answer 1

这是我添加到你的JS

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

我实际上在做的是使用Jquery attr() function。第一个参数指的是你想要操作的属性，第二个属性是要给出的值。

以下是working demo

Answer 2

以下是您的解决方案：

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

使用JS或JQuery获取呈现的页面

2 个答案: