DOM操作元素之改变元素

javascript里的DOM操作可以改变网页内容，样式，结构。我们可以利用 DOM操作元素来改变元素里的内容，属性等。

改变元素内容：

element.innerText

从起始位置到终止位置的内容，但它会去掉html标签，同时空格和换行也会去掉

element.innerHTML

从起始位置到终止位置的内容，它会保留html标签，同时保留空格和换行

区别:innerText不识别html标签（非标准），去除空格和换行

innerHtml识别html标签，保留空格和换行

事件示例：

点击显示当前时间

解析：通过点击按钮改变div里的文字

1.获取元素

2.注册事件

3.使用获取日期函数获得当前系统时间

4.改变div里的文字为当前系统时间

页面中显示

 点击后

 

 以上是通过鼠标点击事件来改变内容

另外元素可以不用添加事件，网页加载直接显示时间：

注：根据不同情况添加所需要的事件