为什么“;innerHTML”;具有<br>不会't创建新行
Why does the "innerHTML" property with <br> doesn't create new lines?
我正在尝试构建一个"*"的金字塔,我只能看到它的最后一行,而有了警报,我可以看到每一行。有人知道我的代码出了什么问题吗?
function build(){
var x = document.hi.floor.value;
//alert(x);
var i;
var bil= "";
for(i=0; i<x; i+=1){
bil = bil + "*";
//alert(bil);
document.querySelector(".py").innerHTML= bil +"<br/>";
}
}
这是一把小提琴。
您应该在循环中连接结果,然后输出结果,如下所示:
function build(){
var x = document.hi.floor.value;
//alert(x);
var i;
var bil= "";
var html = "";
for(i=0; i<x; i+=1){
bil = bil + "*";
//alert(bil);
html += bil +"<br/>";
}
document.querySelector(".py").innerHTML= html;
}
您只是用bil
的最新值覆盖innerHTML
的每个先前值。所以最后你只有***<br/>
(对于x=3),换行符并没有真正显示出来,因为后面什么都没有
这是一把小提琴。
相关文章:
- Google 脚本:用于创建日历活动的脚本运行时不会出错,但不会执行任何操作
- 创建了一个选项卡,但点击时不会起作用-jQuery issue/newbie
- 我正在创建一个聊天,但每次我发送消息时,它都不会让我再发送另一条消息,就像表格一样;不起作用
- 动态(重新)创建iframe内容不会重置Chrome中的JS对象
- 是否可以创建一个对象,该对象是另一个对象的子集,而不会丢失javascript中的引用
- 内部函数不会为外部函数在 jQuery 中动态创建的元素赋值
- 使用 javascript 创建的窗口在使用 window.close() 时不会在卸载之前触发
- Bluebird promisifyAll不会创建整个异步函数集
- 从javascript,向我的cookie添加域或过期不会创建cookie
- 已检查函数 JavaScript 不起作用.当我单击任何形状时,它不会创建表格结构
- r.js 不会创建构建文件
- 谷歌地球API不会创建我想要的地标
- 猫鼬不会创建 TTL 索引
- javascript new不会创建新对象
- gullow管道(gullow.dest())不会创建任何结果
- 将表、tr、td 标记附加到 innerHTML 不会创建表行
- jquery克隆不会创建唯一的对象
- 在另一个集合中存储引用会创建对象,但不会创建字符串Meteor
- Qt不会创建组件,也不会返回错误
- D3 4.0+在导入Jupyter Notebook时不会创建一个全局D3变量