即attribute-node和text-node。 DOM 文档 DOM 文档是网页上的所有对象。如果您想访问网页上的任何对象，您应该始终从文档开始。因为您可以使用许多重要的属性和方法来访问和修改您的网站。 如何获取 HTML 元素 通过ID获取元素 getElementById()方法用于通过 id 获取单个元素。让我们看一个例子： var title = document.getElementById(‘header-title’); 这里我们获取 id header-title的元素并将其存储到变量中。 通过类名获取元素 我们还可以使用 getElementsByClassName()方法获取多个对象。
我们获取list-items类的所有项目并将它们存储到变量中
通过标签名获取元素 我们还可以使用 getElementsByTagName()方法通过标签名 电话号码列表 称获取元素。 var listItems = document.getElementsByTagName(‘li’); 在这里，我们从 HTML 文档中获取所有li元素并将它们存储到变量中。 查询选择器 querySelector()方法返回与指定CSS选择器匹配的第一个元素。这意味着您可以获取具有 id、class、tags 和所有有效CSS选择器的元素。以下是一些最受欢迎的选项的列表。 通过id获取： var header = document.querySelector(‘#header’) 按班级获取： var items = document.querySelector(‘.list-items’) 通过标签获取： var headings = document.querySelector(‘h1’); 获取更具体的元素： 我们还可以使用 CSS Selector获取更具体的元素。
并返回通过 CSS Selector 的第一个元素
查询selectorall querySelectorAll()方法与 querySelector()方法完 电话列表论坛 全相同，只是它返回与 CSS Selector匹配的所有元素。 var heading = document.querySelectorAll(‘h1.heading’); 在此示例中，我们获取所有具有标题类的 h1标签并将它们存储在array中。 更改 HTML 元素 HTML DOM 允许我们通过更改 HTML 元素的属性来更改其内容和样式。 更改 HTML innerHTML 属性可用于更改 HTML 元素的内容。 document.getElementById(“#header”).innerHTML = “Hello World!”; 在此示例中，我们获取具有标头id的元素并将内部内容设置为“Hello World!”。 InnerHTML 还可以用于将标签放置在其他标签中。 document.getElementsByTagName(“div”).innerHTML = “<h1>Hello World!</h1>” 这里我们将h1标签添加到所有现有的 div 中。 更改属性值 您还可以使用 DOM 更改属性值。
