用java script如何做的？

img

这还不简单，
http://yaoyaoman.cn/svip/tool/baidu/?javascript%E5%A6%82%E4%BD%95%E5%BE%80html%E9%87%8C%E6%8B%BC%E6%8E%A5%E6%96%87%E5%AD%97


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>的个人信息</h1>
<div class="name">姓名：</div>
<div class="age">年龄：</div>
<div class="hobby">爱好：</div>
<div class="desc">介绍：</div>
<div></div>
<script>
    document.querySelector("h1").prepend("张三")
    document.querySelector(".name").append("张三");
    document.querySelector(".age").append("18");
    document.querySelector(".hobby").append("电子游戏");
    document.querySelector(".desc").append("张三是一个特别爱玩的人");
</script>
</body>
</html>