Ищете простой пример JavaScript, который обновляет DOM - PullRequest
Новая
       11

Ищете простой пример JavaScript, который обновляет DOM

4 голосов
/ 04 сентября 2008

Я ищу простой пример JavaScript, который обновляет DOM.
Есть предложения?

Ответы [ 5 ]

5 голосов
/ 04 сентября 2008

Вот краткий пример чистого javascript. Предположим, у вас есть div с идентификатором "maincontent". 

var newnode = document.createTextNode('Here is some text.');
document.getElementById('maincontent').appendChild(newnode);

Конечно, с jQuery все намного проще (особенно если вы хотите делать более сложные вещи).

1 голос
/ 04 сентября 2008

@ Ravi

Вот рабочий пример вашего кода 

<html>
    <head>
    <title>Font Detect please</title>

    <script src="prototype.js" type="text/javascript"></script>
    <script type="text/javascript">
        function changeTD()
        {
            $('Myanmar3').innerHTML = 'False';         
        }
    </script>
    </head>
    <body>              

        <table border="1">
        <tr><td>Font</td><td>Installed</td></tr>
        <tr><td>Myanmar3</td><td id="Myanmar3">True</td></tr>
        </table>        

        <a href="javascript:void(0);" onclick="changeTD();">Click Me</a>

    </body>
</html>

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

0 голосов
/ 04 сентября 2008 
<html>
    <head>
    <title>Font Detect please</title>

    <script src="prototype.js" type="text/javascript"></script>
    <script type="text/javascript">
        $('Myanmar3').update('False');         
        $('Myanmar3').innerHTML;        
    </script>
    </head>
    <body>      

        <table border="1">
        <tr><td>Font</td><td>Installed</td></tr>
        <tr><td>Myanmar3</td><td id=Myanmar3>True</td></tr>
        </table>        

    </body>
</html>

У меня есть простой код, подобный приведенному выше, и я пытаюсь изменить результат True на false через Javascript с использованием Prototype. Что я могу делать не так?

Редактировать: Понял. Я не звонил : D

0 голосов
/ 04 сентября 2008

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

// give some visual cue that you're waiting
container.appendChild( document.createTextNode( "Getting stuff from remote server..." ) );

// then later...        
// update request status    
container.replaceChild( document.createTextNode( "Done." ), container.firstChild );
0 голосов
/ 04 сентября 2008

Я считаю, что в этом руководстве по jQuery есть пример, который может вам помочь: http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...