2013-12-03 4 views
-1

Я пытаюсь изменить содержимое с блока <div>сгенерировано dynamicaly с использованием JavaScript. Изменение должно производиться при загрузке страницы.Обновление содержимого JavaScript

Блок:

<div id="textbox_jbeeb_8" style="position: absolute; overflow-x: visible; overflow-y: visible; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-color: currentColor; border-left-color: currentColor; border-right-color: currentColor; border-bottom-color: currentColor; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; font-style: inherit; font-variant: inherit; vertical-align: baseline; outline-color: currentColor; outline-width: 0px; outline-style: none; background-attachment: scroll; background-repeat: repeat; background-image: none; background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent; box-sizing: border-box; cursor: inherit; transform-origin: 0px 0px; left: 0px; top: 31.25px; height: 8.75px; width: 50px; font-size: 8.75px; text-decoration: none; size: 8.75; white-space: nowrap; font-family: &quot;Arial&quot;, &quot;_sans&quot;; text-align: center; font-weight: 700; color: rgb(48, 48, 48); line-height: 1em; z-index: 1;">My text</div> 

Я попытался изменить содержание, добавив

<script> 
document.getElementById("textbox_jbeeb_8").innerHTML = "Updated text"; 
</script> 

но нет никаких изменений. Как еще я могу изменить текст?

+0

работает отлично http://jsfiddle.net/xQ5qH/. Вы уверены, что выполняете скрипт после добавления элемента в DOM? – j08691

+0

'' тег должен быть закрыт, и вы, вероятно, поместите js перед div –

+1

Посмотрите на консоль и сообщите нам, если вы получите какую-либо ошибку и какие из них. –

ответ

0

При прочих равных условиях вы, вероятно, выполняете свой скрипт, прежде чем содержимое страницы сможет загрузить.

Изменение:

<script> 
document.getElementById("textbox_jbeeb_8").innerHTML = "Updated text"; 
<script> 

To:

<script> 
document.addEventListener('DOMContentLoaded',function(){ 
    document.getElementById("textbox_jbeeb_8").innerHTML = "Updated text"; 
}, false); 
</script> 
0

Закрыть сценарий тег

ничего не изменилось, потому что ваш браузер не интерпретации, что, как JavaScript, с открытыми двумя тегами скрипта.


Without script tag closed

<script> 
    document.getElementById("textbox_jbeeb_8").innerHTML = "Updated text"; 
</script> 
+0

Почему downvote? если вы будете следовать ссылкам jsfiddle, я ясно докажу, что проблема вызвана тем, что скрипт не закрыт. –

+0

Извините, я написал , спрашивая здесь. – johnOby

+0

Похоже, что нисходящее было потому, что кто-то предположил, что это опечатка в вопросе. Что это было. – j08691

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