JavaScript的DOM操作<1>

HTML DOM 方法是您能够（在 HTML 元素上）执行的动作。

HTML DOM 属性是您能够设置或改变的 HTML 元素的值。

innerHTML 属性

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

innerHTML 属性可用于获取或替换 HTML 元素的内容。

innerHTML 属性可用于获取或改变任何 HTML 元素，包括 和 。

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

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

查找和访问 HTML 页面中的 HTML 元素。

通过 id 查找 HTML 元素

var myElement = document.getElementById("intro");

通过标签名查找 HTML 元素

var x = document.getElementsByTagName("p");
本例查找 id="main" 的元素，然后查找 "main" 中所有

元素：
实例

var x = document.getElementById("main");
var y = x.getElementsByTagName("p"); 
document.getElementsByClassName(name)	

通过类名来查找元素

var x = document.getElementsByClassName("intro");

通过 CSS 选择器查找 HTML 元素

本例返回 class="intro" 的所有

元素列表：

实例

var x = document.querySelectorAll("p.intro");