请问如何用javascript语句创建如下界面
展开全部
<html>
<head>
<title>js生成html</title>
<style>
body{
text-align:center;
}
</style>
</head>
<script>
function writer(){
var html = "<div style=width:500px;height:350px;'>日志级别：<div style='border:3px solid black;float:left;margin-left:100px;width:300px;height:200px;margin-top:0;'><input type='radio' name='level'>1.调试(DEBUG)<br><input type='radio' name='level'>2.信息(INFO)<br><input type='radio' name='level'>3.警告(WARN)<br><input type='radio' name='level' checked>4.错误(ERROR)<br><input type='radio' name='level'>5.致命错误(FATAL)<br></div></div>";
document.write(html);
}
/*
这种方法也可以，但是样式有区别，楼主想用这种就自己调样式
function writer(){
var html = "<div style=width:500px;height:350px;'>日志级别：<div style='border:3px solid black;float:left;margin-left:100px;width:300px;height:200px;margin-top:0;'><input type='radio' name='level'>1.调试(DEBUG)<br><input type='radio' name='level'>2.信息(INFO)<br><input type='radio' name='level'>3.警告(WARN)<br><input type='radio' name='level' checked>4.错误(ERROR)<br><input type='radio' name='level'>5.致命错误(FATAL)<br></div></div>";
document.body.innerHTML = html;
}
*/
</script>
<body onLoad="writer()">
</body>
</html>
<head>
<title>js生成html</title>
<style>
body{
text-align:center;
}
</style>
</head>
<script>
function writer(){
var html = "<div style=width:500px;height:350px;'>日志级别：<div style='border:3px solid black;float:left;margin-left:100px;width:300px;height:200px;margin-top:0;'><input type='radio' name='level'>1.调试(DEBUG)<br><input type='radio' name='level'>2.信息(INFO)<br><input type='radio' name='level'>3.警告(WARN)<br><input type='radio' name='level' checked>4.错误(ERROR)<br><input type='radio' name='level'>5.致命错误(FATAL)<br></div></div>";
document.write(html);
}
/*
这种方法也可以，但是样式有区别，楼主想用这种就自己调样式
function writer(){
var html = "<div style=width:500px;height:350px;'>日志级别：<div style='border:3px solid black;float:left;margin-left:100px;width:300px;height:200px;margin-top:0;'><input type='radio' name='level'>1.调试(DEBUG)<br><input type='radio' name='level'>2.信息(INFO)<br><input type='radio' name='level'>3.警告(WARN)<br><input type='radio' name='level' checked>4.错误(ERROR)<br><input type='radio' name='level'>5.致命错误(FATAL)<br></div></div>";
document.body.innerHTML = html;
}
*/
</script>
<body onLoad="writer()">
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
JS获取单选框的值
<script language="javascript" type="text/javascript">function test(){ var radioValue= ""; var frm=document.getElementById('category'); for(var i=0;i<frm.radioName.length;i++){ if(frm.radioName[i].checked==true){ radioValue= frm.radioName[i].value; break; } } alert("单选框的值为:"+radioValue);}</script>
<script language="javascript" type="text/javascript">function test(){ var radioValue= ""; var frm=document.getElementById('category'); for(var i=0;i<frm.radioName.length;i++){ if(frm.radioName[i].checked==true){ radioValue= frm.radioName[i].value; break; } } alert("单选框的值为:"+radioValue);}</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var str = "<div>这里写调试，信息，警告等。。。和html一样，但是要注意引号的使用</div>";
getElementById（“这里是你要假如这段代码的父级元素”）.appendChild(str);
getElementById（“这里是你要假如这段代码的父级元素”）.appendChild(str);
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个是js控制div操作，右键菜单，网上很多这样的js。你可以copy，运行一下看看 是不是你想要的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<title>js生成html</title>
<style>
body{
text-align:center;
}
</style>
</head>
<script>
function writer(){
var html = "<div style=width:500px;height:350px;'>日志级别：<div style='border:3px solid black;float:left;margin-left:100px;width:300px;height:200px;margin-top:0;'><input type='radio' name='level'>1.调试(DEBUG)<br><input type='radio' name='level'>2.信息(INFO)<br><input type='radio' name='level'>3.警告(WARN)<br><input type='radio' name='level' checked>4.错误(ERROR)<br><input type='radio' name='level'>5.致命错误(FATAL)<br></div></div>";
document.write(html);
}
/*
这种方法也可以，但是样式有区别，楼主想用这种就自己调样式
function writer(){
var html = "<div style=width:500px;height:350px;'>日志级别：<div style='border:3px solid black;float:left;margin-left:100px;width:300px;height:200px;margin-top:0;'><input type='radio' name='level'>1.调试(DEBUG)<br><input type='radio' name='level'>2.信息(INFO)<br><input type='radio' name='level'>3.警告(WARN)<br><input type='radio' name='level' checked>4.错误(ERROR)<br><input type='radio' name='level'>5.致命错误(FATAL)<br></div></div>";
document.body.innerHTML = html;
}
*/
</script>
<body onLoad="writer()">
</body>
</html>
<head>
<title>js生成html</title>
<style>
body{
text-align:center;
}
</style>
</head>
<script>
function writer(){
var html = "<div style=width:500px;height:350px;'>日志级别：<div style='border:3px solid black;float:left;margin-left:100px;width:300px;height:200px;margin-top:0;'><input type='radio' name='level'>1.调试(DEBUG)<br><input type='radio' name='level'>2.信息(INFO)<br><input type='radio' name='level'>3.警告(WARN)<br><input type='radio' name='level' checked>4.错误(ERROR)<br><input type='radio' name='level'>5.致命错误(FATAL)<br></div></div>";
document.write(html);
}
/*
这种方法也可以，但是样式有区别，楼主想用这种就自己调样式
function writer(){
var html = "<div style=width:500px;height:350px;'>日志级别：<div style='border:3px solid black;float:left;margin-left:100px;width:300px;height:200px;margin-top:0;'><input type='radio' name='level'>1.调试(DEBUG)<br><input type='radio' name='level'>2.信息(INFO)<br><input type='radio' name='level'>3.警告(WARN)<br><input type='radio' name='level' checked>4.错误(ERROR)<br><input type='radio' name='level'>5.致命错误(FATAL)<br></div></div>";
document.body.innerHTML = html;
}
*/
</script>
<body onLoad="writer()">
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
