如何使用JavaScript的GetElementById访问特定元素 - 虚拟人物

您可以使用JavaScript访问HTML页面中的元素。您可能会这样做，以更改元素或CSS样式。在练习中尝试一下。

1. 使用新的或空白的文档打开文本编辑器。

   

2. 在文本编辑器中，放置以下HTML和JavaScript：

   <！ - 1 - >

   第2章 第二行Hello
   这是一个段落。
   最后一行var theDiv =文档。的getElementById（ “myDiv”）;警报（“内容是”+的div。innerHTML）;
   

3. 将该文件保存为getbyid。 HTML在您的文档根。

   

4. 打开您的网络浏览器并在http：// localhost / getbyid上查看该页面。 HTML。

   你应该看到一个像这里显示的警报。

   

5. 单击确定关闭警报并关闭浏览器。回到getbyid。 html在您的编辑器中，删除以alert开头的JavaScript行。用这两行代替这一行：

6. theDiv。样式。 “3px纯黑”; theDiv。 innerHTML =“这是现在改变的文字”。整个脚本块现在应该如下所示：

   var theDiv = document。的getElementById（ “myDiv”）; theDiv。样式。 “3px纯黑”; theDiv。 innerHTML =“这是现在改变的文字”。

   在浏览器中查看时，页面现在看起来像这里显示的那样。特别注意顶行的文本已经改变，现在有一个边界。