HTML DOM

提高JS修改DOM元素的内容

1、 HTML 文档含有 id=“box” 的 元素
2、使用 HTML DOM 来获得 id=“box” 的元素
3、JavaScript 更改此元素的内容 (innerHTML)

let box=document.getElementById("box");
  //改变DOM元素的内容
box.innerHTML="我是新内容";

改变HTML属性

1、 HTML 文档含有 id=“box” 的 元素
2、使用 HTML DOM 来获得 id=“box” 的元素
3、JavaScript 更改此元素的src属性的取值（把 “smiley.gif” 改为 “landscape.jpg”）

document.getElementById("box").src="landscape.jpg";

改变HTML的样式

let box=document.getElementById("box");
  //改变DOM元素的样式
box.style.color="red";