JS doucment方法创建元素

<div class="nav">导航</div>

var text = document.createElement("p")//生成元素节点
console.log(text)

var text = document.createElement("p")//生成元素节点
var content = document.createTextNode("我是文本")//创建文本节点
text.appendChild(content);//将文本内容添加到p标签里面
console.log(text);

var text = document.createElement("p");//生成元素节点
var content = document.createTextNode("我是文本")//创建文本节点
var id = document.createAttribute("id")//创建属性
id.value = "root" //id添加属性内容
text.appendChild(content);//将文本内容(标签)添加到p标签里面
text.setAttributeNode(id);//将属性塞入标签里面 
console.log(text);

//将标签出现在页面中
var container = document.getElementById("container");
container.appendChild(text)