我是 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/