web網頁是由html標籤一層層組成的，js也可以動態新增對應的標籤，比如mate標籤、script標籤、div標籤、img標籤等，動態建立的方法基本都差不多，下面將簡單介紹下如何實現

一：手動新增mate標籤

function addMeta(name,content){//手動新增mate標籤
	let meta = document.createElement('meta');
    meta.content=content;
    meta.name=name;
    document.getElementsByTagName('head')[0].appendChild(meta);
}

二：手動新增script標籤

function addScript(src){//手動新增script標籤
	let script=document.createElement("script");
    script.type="text/JavaScript";
    script.src= src;
    document.getElementsByTagName('head')[0].appendChild(script);
}

三：動態新增元素div

function adddiv(pid,html,attr){//動態新增元素div
	 attr=attr || {};
　　　　let parent = document.getElementById(pid);
　　　　let div = document.createElement("div");//新增 div
	 for(let i in attr){//設定 div屬性
	 	div.setAttribute(i,attr[i]);
	 }　
　　　　div.innerhtml = html;
　　　　parent.appendChild(div);
}
addDiv("pid","<p>動態新增的div</p>",{"id":"newDiv"});//呼叫

攝圖網https://www.wode007.com/sites/73204.html VJ師網https://www.wode007.com/sites/73287.html

四：動態新增元素img標籤

function addImg(pid,src,attr){//動態新增元素img標籤
	attr=attr || {};
　　　let parent = document.getElementById(pid);
　　　let img = document.createElement("img");//新增 div
　　　for(let i in attr){//設定 div屬性
	 	img.setAttribute(i,attr[i]);
	}
　　　img.src = src;
　　　parent.appendChild(img);
}