<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="wrap">
    <p id="goudan">ppp</p>
</div>
<script>
    let oP = document.getElementById('goudan');
    let oWrap = document.getElementById('wrap');

    // oWrap.innerHTML += '<a>123</a>';
    oWrap.innerHTML = oWrap.innerHTML + '<a>123</a>'; //相当于这个
    //这样的做法是不可取的，我感觉没必要在这里犯错
    //这里的做法相当于改变了已经定义的另一个标签
    //这时候p标签不再是原来的p标签

    oP.innerHTML = '456'; //改不了了 因为owrap里边变了  虽然展现出来的样子是一样的
</script>
</body>
</html>