动态创建标签

最新推荐文章于 2022-11-19 22:24:25 发布

中溯科技

最新推荐文章于 2022-11-19 22:24:25 发布

阅读量156

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_26528483/article/details/97812856

版权

javascript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

//創建div
var divs = document.createElement('div');
//div的屬性
divs.innerHTML = "<h5 id = showh5id>"+dataid+"</h5>";
//獲取一個目標id 生成在目標下
var elContainer = document.getElementById("showids");
elContainer.appendChild(divs);

属性:
var div = document.createElement('div');  
div.id = 'mask_div1';  
div.bgColor="#2a5caa";//背景顏色
div.className = 'mask';  
div.appendChild(document.createTextNode("test"));  
div.style.position = "absolute";  
div.style.left =  '20px';  
div.style.top =  '20px';  
div.style.overflow = "hidden";  
div.style.zIndex = "9999";  
div.style.opacity = 0.3;  
span2.style.left = "27%";  
span2.style.position="absolute"; //固定位置
div.onclick=function() {
	 alert('动态创建函数');
}