欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

如何生成自定义标签 前端html,css,js

程序员文章站 2022-03-04 12:03:51
...

想要生成例如div,img,span,header等标签,很简单,你需要用到javascript的document.createElement 这个方法

代码如下

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<title></title>
	<style type="text/css">
/*这里可以声明你生成自定义标签的属性,例如span是行内元素,你需要添加display:inline属性,自定义标签本身不带任何属性 */
		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>

 

相关标签: 自定义标签