HTML DOM方法是可以对HTML元素执行的操作。
HTML DOM属性是可以设置或更改的HTML元素的值。
DOM编程接口
可以使用JavaScript(和其他编程语言)访问HTML DOM。
在DOM中,所有HTML元素都定义为objects。
编程接口是每个对象的属性和方法。
一个属性是一个值,你可以获取或设置(如更改HTML元素的内容)。
一个方法是你可以做的(如添加或删除HTML元素)的动作。
访问DOM
您不必做任何特殊的事情就可以开始使用DOM。
本示例使用该getElementById()方法查找HTML元素(具有id="para"),并将元素内容(innerHTML)更改为“ Hello world”:
<!DOCTYPE html>
<html>
<p id="para"></p>
<script>
document.getElementById("para").innerHTML = "Hello world";
</script>
</html>
在上面的示例中,getElementById()是方法,innerHTML而是属性。
getElementById()方法
访问HTML元素的最常见方法是使用id元素。
在上面的示例中,getElementById()用于id="para"查找元素的方法。
innerHTML属性
获取元素内容的最简单方法是使用innerHTML属性。
innerHTML属性对于获取或替换HTML元素的内容很有用。