创建文本节点createTextNode
createTextNode() 方法创建新的文本节点,返回新创建的 Text 节点。
语法:
document.createTextNode(data)
参数:
data : 字符串值,可规定此节点的文本。
demo:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style type="text/css"> .message{ width:200px; height:100px; background-color:#CCC;} </style> </head> <body> <script type="text/javascript"> var pEle = document.createElement("p");//创建元素节点p pEle.className = "message";//设置p标签的样式 var textEle = document.createTextNode("我爱javascript"); pEle.appendChild(textEle);//将文本追加到p中 document.body.appendChild(pEle);//将p追加到body中 </script> </body> </html>