2021-07-01

第八周周记

1.使用DOM改变HTML

HTML DOM 允许 JavaScript 改变 HTML 元素的内容

1 改变 HTML 输出流

JavaScript 能够创建动态的 HTML 内容,修改代码段中代码即可：

<script>
document.write(Date());
</script>

2 改变 HTML 内容

修改 HTML 内容的最简单的方法是使用 innerHTML 属性：

document.getElementById(id).innerHTML=新的 HTML

<script>
document.getElementById("p1").innerHTML="hello!";
</script>

3.改变 HTML 属性

代码如下：

document.getElementById(id).attribute=新的属性值

2.使用DOM改变CSS

代码如下：

<script>
document.getElementById(id).style.property=新样式;
</script>