javascript:循环遍历元素并更改其值

时间:2017-07-10 17:26:18

标签: javascript jquery html cordova

我的代码不会更改元素值 我正在使用cordova inAppBrowser在Visual Studio 2017中工作,我不确定它为什么不起作用?我的代码:

var elements = document.getElementsByTagName('div');

for (var i = 0; i < elements.length; i++) { 
  elements[i].innerHTMl = "sometext";
}

我希望我的代码能够改变每个元素。感谢您的帮助

3 个答案:

答案 0 :(得分:1)

错字:

elements[i].innerHTMl应阅读elements[i].innerHTML(大写L)

答案 1 :(得分:1)

你的代码中有一个拼写错误,innerHTML而不是innerHTMl这里有一个工作小提琴https://jsfiddle.net/j8nbdm6b/2/

答案 2 :(得分:0)

innerHTML中有一个小写的L ...

这是一个有效的演示

    (function() {
    document.getElementById('btn').addEventListener('click', function(e) {
      e.preventDefault();
      getDivs();
    })
  })()

  function getDivs() {
    var elements = document.getElementsByTagName('div');
        console.log(elements);
    for (var i = 0; i < elements.length; i++) { 
        elements[i].innerHTML = "sometext" + i;
    }
  }

https://jsfiddle.net/h7cgmxmf/