JavaScript-147：操作元素值改变元素内容

元素

 <button>显示当前系统时间</button>
 <div>某个时间</div>
 <p></p>

JS

var btn = document.querySelector('button');
var div = document.querySelector('div');
var p = document.querySelector('p')
btn.onclick = function () {
  div.innerText = getDate();
}
function getDate () {
  var date = new Date();
  var year = date.getFullYear();    // 年
  var moth = date.getMonth() + 1;   //  月
  var dates = date.getDate();    // 日
  var houre = date.getHours();   //  时
  var inuts = date.getMinutes();  //  分
  var seconds = date.getSeconds();  //  秒
  var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
  var day = date.getDay();  // 周
  return '今天是：' + year + '年' + moth + '月' + dates + '日' + arr[day] + '\n' + houre + '时' + inuts + '分' + seconds + '秒'
}
p.innerText = getDate();