JavaScript htmldom 方法



HTML DOM 方法是你可以执行的 动作(HTML元素)。

HTML DOM 属性是你可以设置或更改的 (HTML元素)。


DOM 编程接口

HTML DOM 可以使用JavaScript(和其他编程语言)访问。

在DOM里面, 所有的HTML元素被定义为 对象.

编程接口是每个对象的属性和方法.

一个 属性 是你可以获取或设置的值,(如改变HTML元素的内容)。

一个 方法 是你能执行的动作 (像添加删除HTML元素).


实例

下面的是修改 id="demo"的段落的内容:

<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>

</body>
</html>

让我试试

在上面的实例中, getElementById 是 方法, innerHTML 是 属性.


getElementById 方法

访问一个HTML元素最常见的方式是使用元素的id

在上面的实例中 getElementById 方法使用id="demo"找到元素.


innerHTML 属性

获取元素的内容最简单的方法是使用 innerHTML 属性.

innerHTML 属性是设置或者替换HTML元素内容有用的属性.

innerHTML 属性能用于获得或者修改HTML元素,包括 <html><body>.