<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="sq"></div>
<div id="sa"></div>
<script>
// 要创建一个标签,并加上文本和属性有八步
// 先创建这个标签
var num1 = document.createElement("p")
// 其次创造一个文本
var num_txt = document.createTextNode("这是我的p标签")
// 然后把这个文本塞入这个标签里
num1.appendChild(num_txt)
// 再创建一个属性
var num_a = document.createAttribute("class");
// 给这个属性名一个名字;
num_a.value="abc"
// 把这个名字放到我创建的标签里
num1.setAttributeNode(num_a)
// 要让它能在页面里显示,需要把它放在<body>中的某个部分
// 所以要获取里面一个标签
var help = document.getElementById("sa")
// 最后用appendChild插入即可
help.appendChild(num1)
</script>
</body>
<cml>