<script type="text/javascript">
var element=document.createElement("p");
element.className="message";
var newnode=document.createTextNode("I love Javascript!");
document.body.appendChild(element);
element.appendChild(newnode)
</script>
document.body.appendChild(element);
element.appendChild(newnode)为什么都有appendChild(),难道要添加两次子节点么,有人讲解一下流程么
个人理解
var node=document.createElement("p");//创建P节点
node.className="message";//为p节点增加样式
var createTextNode=document.createTextNode("I love JavaScript");
//创建文本节点
node.appendChild(createTextNode);//文本节点为p节点的子节点(将文本添加都p标签中)
document.body.appendChild(node);//将p节点添加到body中
父元素.appchild(子元素);第一个是给body加上P;第二个是给p加上内容,这个实现我喜欢写成这样element.textContent="I LOVE JACASCRIPT";