直接上代码,下面是直接在和在html中写的(欢迎提出疑问):
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript">
/*创建一个完整的div并添加id属性*/
var divE = document.createElement('div'); //创建div
var divId = document.createAttribute("id"); //创建属性
divId.value = 'name'; //设置属性值
divE.setAttributeNode(divId); //给div添加属性
/*创建一个完整p标签并添加class属性*/
var pE = document.createElement('p');
var pClass= document.createAttribute('class');
pClass.value = 'textClass';
pE.setAttributeNode(pClass)
/*创建一个文本*/
var pText = document.createTextNode("我是文本");
/*将文本添加p标签中*/
pE.appendChild(pText);
/*将p标签添加到div中*/
divE.appendChild(pE);
</script>
</html>