创建文本节点createTextNode

最新推荐文章于 2024-01-23 09:58:08 发布

weixin_30740295

最新推荐文章于 2024-01-23 09:58:08 发布

阅读量105

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhaocom/p/7825804.html

版权

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>创建文本节点createTextNode</title>
<style type="text/css">

.message{    
    width:200px;
    height:100px;
    background-color:#CCC;}
    
</style>
</head>
<body>
<script type="text/javascript">
 var element = document.createElement("p");
 element.className = "message";
 var textNode = document.createTextNode("I love JavaScript!");
 element.appendChild(textNode);
 document.body.appendChild(element);
</script> 

</body>
</html>