js向文档中写数据不懂帮忙多谢 _JavaScript

js向文档中写数据不懂求助帮忙谢谢
页面中有一个button按钮当点击这个按钮响应js 向页面追加一段话

HTML code


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type="button" value="点我加美女" onclick="document.write('美女')"/>
</body>
</html>

当点击按钮的时候美女是写入页面了可是按钮没了
我想点击按钮后在按钮下面显示美女按钮还是要存在页面原来位置不知这个怎么弄不懂求帮助

------解决方案--------------------

HTML code


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
    function add() {
        var div = document.getElementById("divAdd");
        div.innerHTML="美女";
     }
</script>
</head>
<body>
<input type="button" value="点我加美女" onclick="add();"/>
<div id="divAdd"></div>
</body>
</html>

------解决方案--------------------

探讨
我要的是document.write()方法是不是不能写入页面数据
如果写了数据后 是不是页面原有的数据就没了

如果write方法可以 那怎么写？ 谢谢

js向文档中写数据 不懂 帮忙 多谢

js向文档中写数据不懂帮忙多谢