我正在创建一个页面,您可以在其中输入HTML代码,并在侧面的div中查看输出结果。
代码:
$("#tryit").keyup(function() {
var input = $(this).val();
$("#readout").html(input);
});
#readout {
height: 400px;
width: 48%;
border: 1px solid black;
overflow: auto;
float: right;
clear: none;
display: inline-block;
}
#tryit {
height: 396px;
width: 50%;
float: left;
clear: none;
display: inline-block;
font-family: monospace;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea name="tryit" id="tryit" rows="10"><!doctype html> <html> <head> <title>New Webpage</title> </head> <body> </body> </html>
</textarea>
<div id="readout"></div>
<head>
中?你的脚本将所有内容放在readout
DIV中。 - Barmar<head>
。一个文档中只能有一个<head>
,并且它必须在<body>
之外。 - Barmar