JavaScript
用innerHTML如何换行输入
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#bor{width:200px;height:300px;border:double }
</style>
<script type="text/javascript">
function fun1(){
var num =document.getElementById("num").value;
var row =document.getElementById("row").value;
var obj = document.getElementById("bor");
var star = "",all = "";
for(var j=0; j<row; j++){
for(var i=0; i<num; i++){
star = star + "*";
all = star;
}
obj.innerHTML = all + "<br/>";
}
}
</script>
</head>
<body>
<div>
<div>
<p><label>每行的星号个数：<input type="text" name="num" id="num" ></label></p>
<p><label>行数：<input type="text" name="row" id="row"></label></p>
<p><label><input type="button" id="but" value="按钮" onclick="fun1()"></label></p></div>
<div id="bor">
</div>
</div>
</body>
</html>
想实现这样的效果，要怎么改
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#bor{width:200px;height:300px;border:double }
</style>
<script type="text/javascript">
function fun1(){
var num =document.getElementById("num").value;
var row =document.getElementById("row").value;
var obj = document.getElementById("bor");
var star = "",all = "";
for(var j=0; j<row; j++){
for(var i=0; i<num; i++){
star = star + "*";
all = star;
}
obj.innerHTML = all + "<br/>";
}
}
</script>
</head>
<body>
<div>
<div>
<p><label>每行的星号个数：<input type="text" name="num" id="num" ></label></p>
<p><label>行数：<input type="text" name="row" id="row"></label></p>
<p><label><input type="button" id="but" value="按钮" onclick="fun1()"></label></p></div>
<div id="bor">
</div>
</div>
</body>
</html>
想实现这样的效果，要怎么改
...全文
相关推荐
javascript innerHTML使用分析
在做 《JS在线打字练习》时，发现JS在不同浏览器上的字符处理是不一样的。
textarea保留换行的注意事项
textarea保留换行的注意事项
JS版过滤HTML,JS,CSS,空格,换行符-易语言
通过执行JS代码达到过滤效果，支持过滤HTML,JS,CSS,空格,换行符
JS输入输出语句[代码]
本文详细介绍了JavaScript中的输入输出语句。JavaScript可以通过window.prompt()接收用户输入，并通过四种方式输出数据：1.使用window.alert()弹出警告框；2.使用document.write()或document.writeln()将内容写入HTML文档；3.使用innerHTML写入HTML元素；4.使用console.log()写入浏览器控制台。文章还通过示例代码展示了这些方法的具体应用，并特别提醒document.write()会覆盖已渲染的HTML元素，建议在调试时使用。最后，文章通过实际运行结果展示了不同输出方式的差异，帮助读者更好地理解JavaScript的输入输出机制。
一个JavaScript处理textarea中的字符成每一行实例
主要与大家分享一个JavaScript处理textarea中的字符成每一行实例，很简单，但很实用，大家可以看看
