.innerHTML проблемы хранения его в переменной

Вот мой код, который не работает - спасибо, ребята, - первый вопрос!.innerHTML проблемы хранения его в переменной

<html> 
<head> 
<script type="text/javascript"> 
var x =document.getElementById("myElementId").innerHTML; 


</script> 

</head> 

<body> 
<div id="myElementId">24</div> 
<div> 

<script type="text/javascript"> 
if (x < 25) { 
document.write("worked") 
} 
else { 
document.write("didn't work") 
} 
</script>

Также извиняюсь за обновление, но вы, ребята имеют представление о том, как это сделать, когда DIV находится в IFrame то не на том же домене? Благодаря

источник

2011-08-24 Santiago Moreno

Совет. Когда вы задаете вопрос, расскажите, что происходит, и опишите, что вы ожидаете *. * «Не работает» * не является описанием проблемы. –

В то время, когда вы выполняете назначение переменной (строка 4), DOM не закончил загрузку, поэтому 'myElementId' еще не создан, что делает его недоступным. – vimist

В дополнении к создающему элементу первого,

Я считаю, что innerHtml возвращает строковое значение Try разбора его первым;

var value = document.getElementById("myElementId").innerHTML; 
var x = parseInt(value,10)

источник

2011-08-24 19:45:01

Я не понимаю. –

'' 24 '<25' является 'истиной'. –

@Richard - JavaScript будет принуждать строку к числу, поэтому '' 10 "<20' равно' true' –

Эта линия

var x = document.getElementById("myElementId").innerHTML;

выполняется до того элемента с идентификатором myElementId существует, поэтому JavaScript не может найти его (getElementById возвращает null).

Положите его после элемента:

<div id="myElementId">24</div> 
<script> 
    var x = document.getElementById("myElementId").innerHTML; 
</script>

HTML-документ обрабатывается сверху вниз.

источник

2011-08-24 19:46:32

у вас есть представление, как это сделать, если это класс вместо id? –

Вы запустили эту линию:

var x =document.getElementById("myElementId").innerHTML;

перед тем существует элемент. Удалите сценарий из головы, поставив эту строку прямо перед:

if(x < 25) {

Вместо этого.

источник

2011-08-24 19:46:43 Paulpro

большое спасибо! это сработало, но теперь у меня есть другой вопрос: значение между тегом div (24) изменяется динамически, но когда оно меняет, если else не выполняется снова. Есть ли это, чтобы исправить это? –

@Marco: Создайте функцию, которая проверяет значение. Всякий раз, когда вы меняете значение, вызовите функцию. (И не вызывайте 'document.write' * после *, страница была загружена, в противном случае она переопределит весь контент). –

Вы можете связать функцию с событием onchange div: 'document.getElementById (" myElementId ").onchange = function() {// do stuff}; ' – Paulpro

изменить его:

<html> 
<head> 


</head> 

<body> 
<div id="myElementId">24</div> 
<div> 

<script type="text/javascript"> 
var x =document.getElementById("myElementId").innerHTML; 
if (x < 25) { 
document.write("worked") 
} 
else { 
document.write("didn't work") 
} 
</script>

элемент, который вы пытаетесь искать даже не существует на странице при запуске сценария, поэтому вы столкнулись с этой проблемой ..

источник

2011-08-24 19:46:51 Baz1nga

Это не будет работать либо , –

, пожалуйста, проверьте, прежде чем вы прокомментируете: http://jsfiddle.net/Vyge3/ – Baz1nga

Да, это не работает. Я не вижу «обработано» на выходе, а консоль показывает * 'x' не определен *. Я знаю, что 'var x = document.getElementById (" myElementId "). InnerHTML; 'будет работать. Но другой код не будет. –

.innerHTML проблемы хранения его в переменной

ответ

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