JQuery小练习：画出一个三角形

最新推荐文章于 2021-01-08 16:46:59 发布

weixin_33717117

最新推荐文章于 2021-01-08 16:46:59 发布

阅读量377

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/2391658/blog/707180

版权

2019独角兽企业重金招聘Python工程师标准>>>

1、HTML源码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script charset="utf-8" src="jquery.js"></script>
<script type="text/javascript">
	$(function(){
	var dom = null;
	var arr = null;
	var _=function(){
		this.dom = document;
		this.arr = new Array();
	}
	_.prototype.createEle = function(id){
		var div = this.dom.createElement("DIV");
		div.id=id;
		div.style.textAlign="center";
		return div;
		}
	_.prototype.showText=function(id,length){
		var node = this.createEle(id);
		this.dom.body.appendChild(node);
		//alert(this.dom.getElementById("text").getAttribute("id"));
		for(var i=0;i<length;i++){
			if(i==0){
				this.arr.push("*");
			}
			this.arr.push(this.arr[i]+"*");
		}
		for(var m=0;m<this.arr.length;m++){
			this.dom.getElementById(id).innerHTML += this.arr[m]+"<br />";
		}	
	}	
		window.$Fuck = new _();	
		$Fuck.showText("text",15);//三角形层数为16层
	});
</script>
</head>
<body>

</body>
</html>