2015-06-12 3 views
0

У меня есть на странице теги, сгенерированные из базы данных с идентификатором. То, что я пытаюсь сделать, - в окне предупреждения отобразить текст внутри тега.Значение предупреждения javascript из тега

Ive пытался взглянуть, чтобы увидеть, если я могу видеть предыдущий вопрос, который я придумал следующее, но все это я получаю в окне предупреждения является объектом HTMLCollection

У меня есть следующий код:

<a id="bet" onclick="addSlip();" class="btn btn-round" style="text-align: left;">'.$home->one.' <span>'.$home->two.'</span></a> 

и ...

function addSlip() { 
    document.getElementById('bet').innerHTML=bet; 
    alert(bet); 
} 

Спасибо за любые конструктивные ответы

+0

Что именно вы хотите, когда пользователь нажимает на тег, он будет отображать внутренний HTML в предупреждении? – Mitul

ответ

0

В вашем случае предупреждение даст вам только коллекцию объектов HTML.

Когда у вас есть элемент с идентификатором, то вы можете получить доступ к ним в любом месте в JavaScript

например на следующий HTML

<div id="bet">This is a div </div> 

в JS

alert(bet); 

даст вам коллекцию HTML объекта.

Solution для вас обновление код

function addSlip() { 
    document.getElementById('bet').innerHTML=bet; 
    alert(bet); 
} 

в

function addSlip() { 

    alert(document.getElementById('bet').innerHTML); 
} 

Если есть некоторые HTML элементы также в DIV вы можете обновить эту функцию с

function addSlip() { 

     alert(document.getElementById('bet').textContent); 
    } 
+0

Ах !! Глупая ошибка. Спасибо :) – nikhil

0

Вы необходимо отменить назначение переменной bet:

function addSlip() { 
    var bet = $("#bet").text();// or $("#bet").html() if you want the HTML alerted 
    alert(bet); 
} 
1

Вы должны сделать следующее

function addSlip() { 
    var bet = document.getElementById('bet').textContent; 
    alert(bet); 
} 

остальное как есть.

или с помощью JQuery

function addSlip() { 
     var bet = $("#bet").text() 
     alert(bet); 
    } 

Основная проблема вашей программы было то, что насторожило переменная не имеет никакого значения. (undefined) То, как вы его написали, если переменная ставка имела значение, изменила бы внутреннийHTML тега тега на это значение. Теперь для использования внутренней части HTML или textContent. Как уже упоминалось, here с точки зрения производительности textContent лучше

+0

https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent – cs04iz1

+0

Да, вот что это значит: использовать свойство '.innerHTML' или' .textContent' , Но не неправильный '.innerHTML.textContent' – Regent

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