DOM을 업데이트하는 간단한 JavaScript 예제를 찾고 있습니다.

StackOverflow https://stackoverflow.com/questions/44190

  •  09-06-2019
  •  | 
  •  

문제

DOM을 업데이트하는 간단한 JavaScript 예제를 찾고 있습니다.
어떤 제안이 있으십니까?

도움이 되었습니까?

해결책

다음은 간단한 순수 자바스크립트 예제입니다.ID가 "maincontent"인 div가 있다고 가정합니다.

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

물론 jQuery를 사용하면 작업이 훨씬 더 쉽습니다(특히 더 복잡한 작업을 수행하려는 경우).

다른 팁

@라비

다음은 코드의 실제 예입니다.

<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>

실제로 변경하려면 클릭해야 하는 작은 링크를 추가했음을 알 수 있습니다.이렇게 하면 실제로 시험해 보는 것이 더 쉬울 것이라고 생각했습니다.

나는 jQuery에 대한 이 튜토리얼에 도움이 될 수 있는 예제가 있다고 믿습니다. http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

보다 구체적인 질문이 더 유용한 결과를 제공할 수 있지만 다음은 상태 컨테이너 요소의 텍스트를 표시하고 나중에 업데이트하는 간단한 조각 쌍입니다.

// 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 );


<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>

위와 같은 간단한 코드가 있고 Prototype을 사용하여 Javascript를 통해 True 결과를 false로 변경하려고 합니다.내가 뭘 잘못하고 있는 걸까요?

편집하다:알았어요.나는 그것을 부르지 않았다.:디

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top