类元素的数量

时间:2017-05-16 15:27:05

标签: javascript html

我可以在一个类中包含许多元素,例如:

<input class='example' id='one' ...onclick="setURL(urls[0])"
<input class='example' id='two' ...onclick="setURL(urls[1])"
<input class='example' id='three' ...onclick="setURL(urls[2])"
 ....

urls []是一个包含不同html页面字符串的数组。 如果我写的东西:

var all = document.getElementByClassName('example');

all.length则为2.是否有可能将var all中的数字转移到vector urls []中? 像这样:

    <input class='example' id='one' ...onclick="setURL(this.all)"

1 个答案:

答案 0 :(得分:0)

在javascript代码的循环中生成HTML本身会不会更好?这样你应该有更多选择去做你想做的事情吗?

类似的东西,例如:

https://codepen.io/anon/pen/ybqzoy

(function() {
  var i, key, len, list, t, val;

  list = ['one', 'two', 'three'];

  for (key = i = 0, len = list.length; i < len; key = ++i) {if (window.CP.shouldStopExecution(1)){break;}
    val = list[key];
    t = "<div class='example' id='" + val + "' onClick='setUrl(urls[" + key + "])'>" + val + "</div>";
    $('#res').append(t);
    console.log("t is " + t);
  }
window.CP.exitedLoop(1);


}).call(this);