ppwjs之bootstrap文字排版：建立有序列表元素和設置列表無樣式類

時間 2019-12-06

標籤 ppwjs bootstrap 文字排版建立有序列表元素設置樣式欄目 Bootstarp 简体版

原文原文鏈接

<!DOCTYPT html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>ppwjs歡迎您</title>
		<link rel="icon" href="/favicon.ico" type="image/x-icon" />
	</head>
	<body>
	</body>
	<script src="/jsVersionControl.js" charset="utf-8" type="text/javascript"></script>
	<script src="/lib/_sys_ppwjsmain.js" charset="utf-8" type="text/javascript"></script>
	<script charset="utf-8" type="text/javascript">引入("/index.js",$真)</script>
</html>

//程序開始
引入(_sys_bootstrap4_all_addr + ".js",$真);
 
var 標題1 = "請對比有序列表和設置了無樣式的列表".到標題元素();

變量 普通有序列表頂層 = bootstrap4.建立有序列表元素();
變量 普通表項1 = bootstrap4.建立列表項元素("Coffee");
變量 普通表項2 = bootstrap4.建立列表項元素("Tea");
變量 普通表項4 = bootstrap4.建立列表項元素("Milk");

變量 普通有序列表第一級 = bootstrap4.建立有序列表元素();
變量 第一級的普通表項1 = bootstrap4.建立列表項元素("Black tea");
變量 第一級的普通表項2 = bootstrap4.建立列表項元素("Green tea");
普通有序列表第一級.添加子節點(第一級的普通表項1,第一級的普通表項2);

普通有序列表頂層.添加子節點(普通表項1,普通表項2,普通有序列表第一級,普通表項4);
//////////////////////
var 容器 = bootstrap4.建立容器();

變量 bootstrap有序列表頂層 = bootstrap4.建立有序列表元素($真);
變量 bootstrap表項1 = bootstrap4.建立列表項元素("Coffee");
變量 bootstrap表項2 = bootstrap4.建立列表項元素("Tea");
變量 bootstrap表項4 = bootstrap4.建立列表項元素("Milk");

變量 bootstrap有序列表第一級 = bootstrap4.建立有序列表元素();
變量 第一級的bootstrap表項1 = bootstrap4.建立列表項元素("Black tea");
變量 第一級的bootstrap表項2 = bootstrap4.建立列表項元素("Green tea");
bootstrap有序列表第一級.添加子節點(第一級的bootstrap表項1,第一級的bootstrap表項2);

bootstrap有序列表頂層.添加子節點(bootstrap表項1,bootstrap表項2,bootstrap有序列表第一級,bootstrap表項4);
容器.添加子節點(bootstrap有序列表頂層);
///////////////////////


加到主體(標題1,普通有序列表頂層,容器);