JavaScript 使用js修改页面元素

博主前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住也分享一下给大家，
👉点击跳转到网站

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

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];
        }

具体效果如下：