该文章演示了如何使用JavaScript获取元素并注册事件，当点击按钮时，更新div和p元素的内容，展示当前日期。同时，解释了innerText和innerHTML的区别，innerText不识别HTML标签且去除空格和换行，而innerHTML则识别HTML标签并保留空格与换行。
3.1改变元素的内容
// 1. 获取元素
// 2.注册事件
例如
<body>
<button>显示当前系统时间</button>
<div>某个时间</div>
<p>1123</p>
<script>
// 当我们点击了按钮， div里面的文字会发生变化
// 1. 获取元素
var btn = document.querySelector('button');
var div = document.querySelector('div');
// 2.注册事件
btn.onclick = function() {
// div.innerText = '2019-6-6';
div.innerHTML = getDate();
}
function getDate() {
var date = new Date();
// 我们写一个 2019年 5月 1日 星期三
var year = date.getFullYear();
var month = date.getMonth() + 1;
var dates = date.getDate();
var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
var day = date.getDay();
return '今天是：' + year + '年' + month + '月' + dates + '日 ' + arr[day];
}
// 我们元素可以不用添加事件
var p = document.querySelector('p');
p.innerHTML = getDate();
</script>
</body>3.2 innerText 和 innerHTML的区别
// 1. innerText 不识别html标签 非标准 去除空格和换行
// 2. innerHTML 识别html标签 W3C标准 保留空格和换行的
扫一扫
669
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
