重复生成元素该怎么写？

abcdefg171459 2009-11-16 04:22:30

...全文

102 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

ichigoxi 2009-11-17

打赏
举报

其实我想说。。。既然是根据读进来的文件来写的页面

js处理起来效率不高，不如改成php直接读取文件绘制页面比较好

abcdefg171459 2009-11-17

打赏
举报

下面有个var resize1 = new YAHOO.util.Resize('resize1', {
proxy: true,
hiddenHandles:true,
handles: ['t']
});是要跟上面定义的resize1关联的，实现resize,可是现在没有能拖动的效果了，该怎么解决啊

Click_Me 2009-11-16

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style> </style>

</head>



<body>

</body>

<script>

	// 插入样式

	function insertCSS(sheet, selector, declare, index){

		if(sheet.insertRule){

			var insert = selector + '{' + declare + '}';

			sheet.insertRule(insert, index);

		}else if(sheet.addRule){

			sheet.addRule(selector, declare, index);

		}

	}



	// 制造假数据

	var styles = [

		{selector: '.resize1', declare: 'width:100px;height:100px;border:1px solid red'},

		{selector: '.resize2', declare: 'border:1px solid blue'},

		{selector: '.resize3', declare: 'border:1px solid yellow'}

	];



	(function(){

		// 第一段样式表

		var x = document.styleSheets[0], fragment = document.createDocumentFragment();

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

			// 插入样式到样式表

			var style = styles[i];

			insertCSS(x, style.selector, style.declare, i);

			// 生成DIV 并对应样式

			var odiv = document.createElement('div');

			odiv.innerHTML = "test";

			odiv.className = style.selector.replace('.','');

			fragment.appendChild(odiv);

		}



		document.body.appendChild(fragment);

	

	})();



</script>

</html>

huing 2009-11-16

打赏
举报

在读取css的时候定义1个数组来存放读取进来的className

然后循环数组生成div，id为数组里存放的className

abcdefg171459 2009-11-16

打赏
举报

这是个变量，无法列举所有情况的。你这种写法我不会啊，要能写个例子就好了。

parss 2009-11-16

打赏
举报

用父元素控制

如下
.tbcss{border:solid 1px #f0f; margin:0px;padding:0px;}
.tbcss tr td{margin:5px; padding:5px; border:solid 1px #0f0;}

你的resize元素就相当于td,
<table class="tbcss"><tr><td></td></tr></table>