如何遍历json对象给相同class的div赋值？

Question

拥有同一class名的div"xxx"如何接受一组json的遍历赋值呢？

我想到的是

var kk = document.getElementsByClassName('xx');

for(i=0;i<json.length;i++){

kk[i].val = json[i] }

但是并没赋值？

补充：

要求是给具有同一class名的div进行赋值，这些div并没有处在一个节点上，

json对象如图所示

Answer 1

是设置div中的文本节点内容吗？如果是的话，需要添加相应的文本节点textNode并将其作为子节点添加到对应的div中去，举个例子：html 代码：&nbsp; &nbsp; <div class="test"></div>&nbsp; &nbsp; <div class="test"></div>&nbsp; &nbsp; <div class="test"></div>&nbsp; &nbsp; <div class="test"></div>js代码：&nbsp; &nbsp; &nbsp; &nbsp; var jsonArr = [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {content: '内容1'},&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {content: '内容2'},&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {content: '内容3'},&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {content: '内容4'}&nbsp; &nbsp; &nbsp; &nbsp; ];&nbsp; &nbsp; &nbsp; &nbsp; var divArr = document.getElementsByClassName('test');&nbsp; &nbsp; &nbsp; &nbsp; var jsonLength = jsonArr.length;&nbsp; &nbsp; &nbsp; &nbsp; var textNode;&nbsp; &nbsp; &nbsp; &nbsp; for (var i = 0; i < jsonLength; i++) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; textNode = document.createTextNode(jsonArr[i].content);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; divArr[i].append(textNode);&nbsp; &nbsp; &nbsp; &nbsp; }页面结果：