DOM을 업데이트하는 간단한 JavaScript 예제를 찾고 있습니다.
-
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로 변경하려고 합니다.내가 뭘 잘못하고 있는 걸까요?
편집하다:알았어요.나는 그것을 부르지 않았다.:디
제휴하지 않습니다 StackOverflow