Question

我尝试使用Javascript DOM。我需要获取信息（数据内容），按class搜索。

网站的HTML是：

<li class="item info-icon info-icon-phone">
   <strong itemprop="telephone" class="phone-place js-expansible-text js-phone-tracker display-phone_ad" data-content="(19) 3879-1066 / (19) 3879-1066" data-style_class="clickable" data-place_id="76588JTY">(19) 3879-1066 / (19) 3879-1066</strong>
</li>

我的代码不起作用：

var script = document.getElementsByClass('phone-place js-expansible-text js-phone-tracker display-phone_ad');

Answer 1

var script = document.getElementsByClassName('phone-place js-expansible-text js-phone-tracker display-phone_ad');

http://www.w3schools.com/jsref/met_document_getelementsbyclassname.asp

Answer 2

我相信你要找的函数是getElementsByClassName。 What do querySelectorAll, getElementsByClassName and other getElementsBy* methods return?

Answer 3

您可以使用getAttribute()方法检索元素属性。

在这种情况下，您可以使用以下内容来获取数据内容属性：

var elements = document.getElementsByClassName('phone-place js-expansible-text js-phone-tracker display-phone_ad');
var dataContent = elements[0].getAttribute('data-content');

getElementsByClassName返回一个匹配元素数组，您可以将其替换为getElementByClassName并返回单个元素，如果您只需要一个元素，这是首选。在我的示例中，您将看到在调用getAttribute（）之前需要引用数组elements[0]中的第一个元素

而是使用getElementByClassName执行以下操作：

var element = document.getElementByClassName('phone-place js-expansible-text js-phone-tracker display-phone_ad');
var dataContent = element.getAttribute('data-content');

A quick bin to show this in action

正确使用Javascript DOM

3 个答案: