9.1.2 使用getElementByld选中一个元素

  Id可以唯一地标识一个元素(每个id必须有一个唯一的值),可以使用DOM方法document.getElementById来返回”main-heading”元素:

var headingElement = document.getElementById("main-heading");

《javascript-少儿编程》第九章使用getElementByld选中一个元素

  通过调用document.getElementById(”main-heading”),告诉浏览器查找id为” main-heading”的元素。这次调用返回与该id相对应的一个DOM对象,将这个DOM对象保存到变量headingElement中。

  一旦选中一个元素,就可以使用JavaScript对它进行操作。例如,可以使用innerHTML属性获取并替换这个选中的元素中的文本:

headingElement.innerHTML;

  这行代码返回了headingElement的HTML内容,headingElement是使用getElementByld选中的元素。在这个示例中,这个元素的内容是我们在标签中输入的文本“Hello  world!”