當(dāng)前位置:首頁(yè) > IT技術(shù) > Web編程 > 正文

如何生成自定義標(biāo)簽 前端html,css,js
2021-09-16 11:48:55

想要生成例如div,img,span,header等標(biāo)簽,很簡(jiǎn)單,你需要用到j(luò)avascript的document.createElement 這個(gè)方法

代碼如下

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<title></title>
	<style type="text/css">
/*這里可以聲明你生成自定義標(biāo)簽的屬性,例如span是行內(nèi)元素,你需要添加display:inline屬性,自定義標(biāo)簽本身不帶任何屬性 */
		test-block{display: block;}
		test-inline-block{display: inline-block}
		test-inline{display: inline;}
	</style>
</head>
<body>
	<test-block>1</test-block>
	<test-inline-block>2</test-inline-block>
	<test-inline>3</test-inline>
</body>
<script type="text/javascript">
	document.createElement("test-block")
	document.createElement("test-inline-block")
	document.createElement("test-inline")
</script>
</html>

?

本文摘自 :https://blog.51cto.com/u

開(kāi)通會(huì)員,享受整站包年服務(wù)立即開(kāi)通 >