javascript - 如何在 DOM 中搜索具有特定类的项目

标签 javascript html

我是 JavaScript 新手。我想知道是否可以在 HTML 页面中搜索具有已知类的元素。

如果可以的话我该怎么做?

我有这个代码:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
  <script>
    var x = document.getElementsByClassName("top_prodname");
  </script>
</body>
</html>

最佳答案

不确定您所说的 URL 是什么意思。您可以使用 document.querySelector() 来查找 DOM 元素。这是一个例子:

var x = document.querySelector(".top_prodname");

console.log(x);
<span class="top_prodname">example</span>

正如@0stone0评论的那样,您可以了解有关querySelector的更多信息here .

使用 getElementsByClassName() 也应该可以正常工作。您无法像使用 querySelector() 那样使用 getElementsByClassName() 创建更具体的选择器。不过,如果您确实需要通过类名获取元素引用,那么这也很好。请注意,它返回一个元素引用数组。

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

console.log(x[0]);
<span class="top_prodname">example</span>

关于javascript - 如何在 DOM 中搜索具有特定类的项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58238057/

相关文章:

jquery - 如何清除 DIV 的内容?

javascript - 如何将 onClick 事件处理程序添加到 Canvas 元素 (arc)?

javascript - 如何创建只能单击一次的单击处理程序?

html - 缩小内容以适应 div

html - iframe、嵌入和对象元素之间的区别

javascript - 如何使 Bootstrap 仅在 Div 内运行?

php - 部署我的第一个移动站点 : 3 newbie questions

javascript - removeEventListener 未删除事件监听器

javascript - 我们可以用 ES6 模板替换现有的 JS 模板解决方案吗?

html - 如何清除可变高度的 "position: fixed"元素的内容?