JavaScript 使用js修改页面元素

下面我们通过使用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];
 
        }

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64262.shtml

张贴在3