下面我们通过使用js来修改p标签内文字的内容：

 

HTML如下：

 

<div style="margin: 20px 0">

 

        <button id="showTime">显示当前时间</button>

 

    </div>

 

 <div id="time">2021-12-19</div>

 

之后通过js来修改id=“time” div中的元素，代码如下：

 

        var showTime = document.querySelector('#showTime');

 

        var time = document.querySelector('#time');

 

        showTime.onclick = function() {

 

        //innerText 改变元素内容 不识别HTML标签 非标准 去除空格和换行

 

            time.innerText = getDate();

 

        }

 

        function getDate() {

 

            var date = new Date();

 

            var year = date.getFullYear();

 

            var month = date.getMonth() + 1;

 

            //获取某个月中的第几天

 

            var dates = date.getDate();

 

            //获取一个日期中一周的第几天,0表示星期天

 

            var day = date.getDay();

 

            var array = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];

 

            return '今天是：' + year + '年' + month + '月' + dates + '日' + ' ' + array[day];

 

        }