2016-04-27 7 views
0

Я хочу, чтобы получить значение из span, как в примере нижеПолучить значение из класса диапазона

<span class="price bid down_trend">6259.00</span> 

но изменения класса от price bid down_trend к price bid up_trend и есть мой вопрос:

Как получить значение из когда класс менялся?

Я думаю о чем-то вроде этого:

var bidValue = document.getElementByClassName('price bid'); 

Но разве он сможет найти значение span?

+0

Если вам нужен один элемент коду, например, как один здесь, вы должны пометить его с идентификатором и использовать 'getElementById()' или получить доступ непосредственно с его идентификатором, чтобы избежать собирать тонны несвязанных элементов и фильтровать их по той, которая вам нужна. – Redu

+0

Но я получаю информацию с другого сайта, поэтому я не могу изменить источники. – czArek

ответ

2

Не давайте места в ClassName:

var bidValue = document.getElementsByClassName('price')[0].innerHTML; 

или использовать querySelector:

var bidValue = document.querySelector('.price.bid').innerHTML; 
+0

Хм. Вы правы, потому что в пролете было много классов. Второй вариант, который вы написали, выглядит хорошо, я попробую :) – czArek

+0

Но как насчет занятий после 'price.bid'? Там могут быть 'down_trend' или' up_trend'. Можете ли вы рассказать подробнее об использовании точки '.'? Он не должен выглядеть как 'document.querySelector ('. Price.bid.'); ? С точкой после 'bid'? – czArek

+1

@ Czarq92 точка после ставки не требуется. Dot '.' - это селектор классов, за которым следует имя класса. Он будет проверять элементы, которые имеют эти два класса: «цена» и «ставка». Есть ли у них какой-либо другой класс или нет, не имеет значения. Посмотрите на этот документ https://developer.mozilla.org/en-US/docs/Web/API/Document_object_model/Locating_DOM_elements_using_selectors – gurvinder372

1

В случае, если вы хотите использовать JQuery

$('.price.bid').html(); 
0

Здесь мы идем:

<script> 
    $(document).ready(function(){ 
     $("#btn1").click(function(){ 
      alert("Text: " + $("#test").text()); 
     }); 
     $("#btn2").click(function(){ 
      alert("HTML: " + $("#test").html()); 
     }); 
    }); 
    </script> 
<p id="test">This is some <b>bold</b> text in a paragraph.</p> 

<button id="btn1">Show Text</button> 
<button id="btn2">Show HTML</button> 

Надеется, что это помогает;)

Смежные вопросы