怎样在js里面遍历 html

JavaScript05

怎样在js里面遍历 html,第1张

循环遍历咯。。其实不是遍历html,应该是遍历dom节点吧。

将某几个节点进行按需求复制,然后推入到响应的html页面中。

这样的方法可以用原生js的for循环,或者用jquery的each遍历都是OK的。当然用vue的V-for也是可以的

使用for...in可以遍历js对象的属性,用法如下:

for...in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。

for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。

for (变量 in 对象)

{

//在此执行代码

}

“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。

for (var sProp in window) {

alert(sProp)

}

以上例子会弹出window对象中的所有属性

var flag = false //标识,表示页面上数据还未处理完成

$.each(data,function(i,o) {

//你的代码

flag = true//已经完成数据处理

})

var = t

t = setInterval(function() {//定时检测

if(flag) {//如果数据已经处理完毕

load('你的js文件')//加载你的js文件

clearTimeout(t)//取消定时检测节省开销

}

},50)

关键是你引入js文件执行的时机,页面上的数据还没有生成,但这个js已经执行了,由于找不到对应的元素,所以失效了,因为它只执行一次,数据处理完成以后它也不会再执行了。

上面代码提供的思路是检测数据是否已经处理完成,完成后再加载你需要的js文件,保证js的执行在数据处理完成之后。