如何用js来修改HTML里的样式

2026-02-13 08:17:02

1、首先设置HTML文档。

如何用js来修改HTML里的样式

如何用js来修改HTML里的样式

2、var one = document.getElementById("one");

one.innerHTML = "";

.innerHTML可以修改原本的内容。

如何用js来修改HTML里的样式

如何用js来修改HTML里的样式

3、如果script标签位置不对,那么是不会有效果的。

如何用js来修改HTML里的样式

如何用js来修改HTML里的样式

4、var one = document.getElementById("one");

one.style.backgroundColor = "";

我们还可以修改颜色。

如何用js来修改HTML里的样式

如何用js来修改HTML里的样式

5、var two = document.getElementById("two");

two.href = "";

超链接的内容也是可以修改的。

如何用js来修改HTML里的样式

如何用js来修改HTML里的样式

6、var two = document.getElementById("two");

two.style = "border: 1px solid red;";

这是修改样式的另外一种书写方式。

如何用js来修改HTML里的样式

如何用js来修改HTML里的样式

猜你喜欢