猿问

根据变量编号索引值添加数组

我试图让 indVars 重复 numInd 所需的次数。因此,如果 numInd = 3,那么我想要类似于这个 indVars[0] = divStart + userEntryVars + divEnd -- indVars[1] = divStart + userEntryVars + divEnd ... 等等,不管有多少 numInd 指示---然后将数组发布到innerHTML。


/*User Selection Of Indicators*/

var numInd = 3 /*This is amount of indicators that should show in innerHTML.*/


/*User Entry Variables Per Selection*/

var uHeight = 120

var uWidth = 225


/*Html Variables*/

var divStart = '<div class="col-sm-auto">'

var userEntryVars = '<img src="whatever.jpg" style="height:' + uHeight +'px; width: '+ uWidth + 'px">'

var divEnd = '</div>'


/*Div InnerHTML*/

var divArea = document.getElementById("IndicatorArea") ;

var out = []

var indVars = [divStart + userEntryVars + divEnd] ;

/*Loop For Number Of Indicators*/

for (i = 0; i < numInd; i++){

 out.push(indVars[i])

};

console.log(out[0]) /*Returns Data I Expect*/

console.log(out[1]) /*Returns Data I Don't Expect, It Should Be Showing Same as out[0]*/

divArea.InnerHTML = indVars

所以用户选择应该显示的指标数量(指标 = 框),然后他们可以输入进入 innerHTML 的变量......所以如果他们选择 2,用户必须填写 2 个用户条目每个变量因为指标会显示不同的数据。我已经尝试了一些数组的变体并且我已经接近但有时我得到“未定义”然后 div 计数。我在想 HTML 变量应该在一个 for 循环中来循环指标的数量,但我不确定。最终,所选指标的数量应该是 3 个不同的实体,在这 3 个不同的实体中可以是用户发布的可变数据。先感谢您。


FFIVE
浏览 134回答 2
2回答

慕哥6287543

我能够通过以下代码解决此问题。/*User Selection Of Indicators*/var numInd = 3 /*This is amount of indicators that should show in innerHTML.*//*User Entry Variables Per Selection*/var uHeight = 120var uWidth = 225/*Html Variables*/var divStart = '<div class="col-sm-auto">'var userEntryVars = '<img src="whatever.jpg" style="height:' + uHeight +'px; width: '+ uWidth + 'px">'var divEnd = '</div>'/*Div InnerHTML*/var divArea = document.getElementById("IndicatorArea") ;var out = []var indVars = divStart + userEntryVars + divEnd ;/*Loop For Number Of Indicators*/for (i = 0; i < numInd; i++){&nbsp;out.push(indVars)};divArea.InnerHTML = out.join("")

LEATH

因为indVars,现在你正在加在一起divStart + userEntryVars + divEnd。如果你想要indVars[0] = divStartand&nbsp;indVars[1] = userEntryVars,像这样声明它var indVars = [divStart, userEntryVars, divEnd]
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答