9.1.2 使用getElementByld选中一个元素

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

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

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

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

headingElement.innerHTML;

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

本站内容未经许可，禁止任何网站及个人进行转载。