专看美女视频的app软件,动漫美女露胸的视频

1.使用js添加。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
		<div id="div_1" style="width:500px;height:500px;background-color:#555;">
		</div>
		<input type="button" value="添加元素"/>
</body>
<script type="text/javascript">
	var div_child='<div id="div_child_1"style="height:200px;width:200px;background-color:#000;"></div>'
	var c=document.getElementById('div_1');
	c.innerHTML+=div_child;
</script>
</html>

var div_child='<div id="div_child_1"style="height:200px;width:200px;background-color:#000;"></div>'

注意，這個(gè)語句要用單引號(hào)括起來，它具有轉(zhuǎn)義的作用。

2.使用jQuery語法添加（借助選擇器）

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script src="../js/jquery.js"></script>
</head>
<body>
	<div id="div_1" style="width:500px;height:500px;background-color:#bbb;">
	</div>
	<input id="btn_1" type="button"  value="添加元素" />
</body>
	<script type="text/javascript">
		var flag = 0;
		$("#btn_1").bind("click",function(){
			var div_child1 = '<div id="div_child_1" style="height:100px;width:100px;background-color:#777;float:left"></div>';
			var div_child2 = '<div id="div_child_1" style="height:100px;width:100px;background-color:#999;float:left"></div>';
			flag += 1;
			if( (flag % 2) == 1){
				$("#div_1").append(div_child1);
			}
			else{
				$("#div_1").append(div_child2);
			}
		});
	</script>
</html>

下面是運(yùn)行界面：

一開始是沒有的，這時(shí)候點(diǎn)擊添加元素的按鈕，則會(huì)添加一個(gè)。

多點(diǎn)幾下：

點(diǎn)滿：

點(diǎn)滿就有了一個(gè)棋盤啦~~。

下面做個(gè)別的，動(dòng)態(tài)添加表格。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script src="../js/jquery.js"></script>
</head>
<body>
	<div id="div_1" style="width:500px;height:500px;background-color:#bbb;">
	</div>
	<div id="div_2" style="width:500px;height:500px;background-color:#ddd;">
			<table id="tb_1"style="width:100%;">
			</table>
	</div>
	<input id="btn_1" type="button"  value="添加元素" />
	<input id="btn_2" type="button" value="獲取數(shù)據(jù)"/>
	<input id="btn_3" type="button"  value="測(cè)試"/>
</body>
	<script type="text/javascript">
		var flag = 0;
		$("#btn_1").bind("click",function(){
			var div_child1 = '<div id="div_child_1" style="height:100px;width:100px;background-color:#777;float:left"></div>';
			var div_child2 = '<div id="div_child_1" style="height:100px;width:100px;background-color:#999;float:left"></div>';
			flag += 1;
			if( (flag % 2) == 1){
				$("#div_1").append(div_child1);
			}
			else{
				$("#div_1").append(div_child2);
			}
		});
		$("#btn_2").bind("click",function(){
			var trs = '<tr> <td>姓名</td><td>性別</td><td>年齡</td><td>學(xué)校</td><td>班級(jí)</td><td>宿舍</td> </tr>';
			for(var i = 0; i < 10; i++){
				var tr = '';
				tr += '<tr style="width:100%;height:35px;">';
				tr += '<td>四海</td>';
				tr += '<td>青松</td>';
				tr += '<td>作春色</td>';
				tr += '<td>滿懷</td>';
				tr += '<td>爛漫</td>';
				tr += '<td>自南來</td>';
				tr += '</tr>';
				trs += tr;
			}
			$("#tb_1").append(trs);
		});
	</script>
</html>

運(yùn)行結(jié)果：

這里新寫了一個(gè)div，用來裝表格。點(diǎn)擊獲取數(shù)據(jù)按鈕則會(huì)出現(xiàn)事先寫好的表格。如下圖：

好啦，以上就是動(dòng)態(tài)添加的方法，大家也可以試試添加別的東西。

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。

国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看