DOM的用法，以及window.onload……eval()

最新推荐文章于 2024-03-26 16:44:56 发布

desperado86

最新推荐文章于 2024-03-26 16:44:56 发布

阅读量782

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/desperado86/article/details/9137167

js 专栏收录该内容

7 篇文章

订阅专栏

本文详细解析了一段JavaScript代码，其功能是通过获取HTML页面中特定元素的属性和内容，计算并汇总表格数据，最终更新到指定的位置。代码通过使用变量、循环和条件判断，实现了对数据的高效处理。

var c=window.onload||function (){
	
	var num = parseInt(document.getElementById("course").getAttribute("colspan"));
	//alert(num);
	
	var str="";
	for(var i=0;i<num;i++){
		var tag = "'c_'+i";
	
		//alert(eval(tag));此处注意eval的用法，i是个变值，
		var c =document.getElementsByName(eval(tag));

		var sum=0;
		
		for(var j=0;j<c.length;j++){
			
			sum+=parseInt(c[j].innerText);
			
			
		}
		str+="<td>"+sum+"</td>";
		
	}
	document.getElementById("single").outerHTML=str;
	
};
window.onload = countAll();

function countAll(){
	
	var students = document.getElementsByName("all");
	var sum=0;
	for(var i=0;i<students.length;i++){
		
		sum+=parseInt(students[i].innerText);
		
		
	}
	document.getElementById("all_sum").innerText=sum;
	c();
	
}

该js实现的效果是如下：