2013-11-08 3 views
0

Моего расслоения плотной ошибки,дисплей предупреждение не показывает

как отображать "1 месяц" в встревоженной

орь HTML:

<div class="left" style="height:15px; width:128px; overflow:hidden;">1 months</div> 

моего JS код:

var div = document.querySelector('[class="left"][style="height:15px; width:128px; overflow:hidden;"]'); 

alert(div[0].innerHTML); 
+0

Я не думаю, что вы можете использовать атрибут стиля как селектор, подобный этому. И никогда не должно быть причин для этого. – JJJ

+0

Я не понимаю вопроса. что не так: 'alert (" 1 months ");' Ваше предупреждение в порядке. Document.querySelector возвращает пустой массив и div [0] .innerHTML is вероятно, создавая ошибку, которая 'undefined is не имеет свойства innerHTML' – odedsh

+0

Примечание:' document.querySelector' возвращает null, если совпадений не найдено; в противном случае он возвращает первый соответствующий элемент. – Grundy

ответ

1

попробуйте изменить свой код, как это

var div = document.querySelector('[class="left"][style="height:15px; width:128px; overflow:hidden;"]'); 

alert(div.innerHTML); 

или

var div = document.querySelectorAll('[class="left"][style="height:15px; width:128px; overflow:hidden;"]'); 

alert(div[0].innerHTML); 
+0

greats, эта работа , Спасибо приятель. –

0

I подумайте, что проблема связана с вашим селектором запросов. Чтобы выбрать DIV по имени класса вы можете пойти с

var div = document.querySelector('.left'); 

Если у вас есть более чем один элемент с тем же классом, я рекомендую установить идентификатор для дел.

<div id='IDNAME' class="left" style="height:15px; width:128px; overflow:hidden;">1 months</div> 

И вы можете запросить его следующим образом:

var div = document.querySelector('#IDNAME'); 
+0

Я не хочу никаких дополнительных '# IDNAME', спасибо за идею –

0

Попробуйте

alert(document.getElementsByClassName('left').innerHTML); 
+0

не работает, эта работа' alert (document.getElementsByClassName ('left') [0] .innerHTML); ' –

0
just use alert(div.innerHTML); instead of alert(div[0].innerHTML); 

Also make sure that you call this after your div is rendered i.e like 

<!DOCTYPE html> 
<html> 
<body> 
<div class="left" style="height:15px; width:128px; overflow:hidden;">1 months</div> 
<script> 
var div = document.querySelector('[class="left"][style="height:15px; width:128px; overflow:hidden;"]'); 

alert(div.innerHTML); 
</script> 
</body> 
</html> 
+0

эта работа, спасибо чувак –

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