寻找一个简单的JavaScript示例来更新DOM
时间：2020-03-05 18:47:44 来源:igfitidea点击:
我正在寻找一个更新DOM的简单JavaScript示例。
有什么建议？
解决方案
回答
我相信本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 );
回答
这是一个简短的纯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">
$('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。我可能做错了什么？
编辑：知道了。我没打电话：D
回答
@拉维
这是代码的工作示例
<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>
我们会注意到，我添加了一个小链接，我们必须单击该链接才能进行实际更改。我认为这可以使尝试实际操作更加容易。
