如何使用Java脚本更改占位符内容？
我有一个包含多个.html页面的网站，为了便于编辑，我在每个页面上使用了两个占位符:一个带有导航栏，另一个带有内容的主要框架，如下所示:
<body>
<div id="nav-placeholder">
</div>
<div id="content-placeholder">
</div>
</body>
导航栏和内容都在单独的文件中，并使用如下所示的外部Java脚本文件加载到页面中:
$(function(){
$("#nav-placeholder").load("nav.html");
});
$(function(){
$("#content-placeholder").load("content.html");
});
到目前为止，一切都运行得很好.现在，我正在try 分别更改每个页面的内容(使用JS)，但我不确定如何做到这一点，或者这是否可能？
例如，content.html的一部分是`
<h2 id="subheader1">Title</h2>
我正在try 更改javascript文件中的#subheader1个内容，如下所示:
$(function(){
$("#nav-placeholder").load("nav.html");
});
$(function(){
$("#content-placeholder").load("content.html");
});
$(document).ready(function() {
document.getElementById("subheader1").outerHTML = "test" ;
});
但这并不起作用(这是针对所有页面的，但仍然不起作用).可能是因为它只在index.html中看到占位符DIV，而不是它的内容？
我try 将subheader1div放在index.html中进行测试，然后它确实起作用了，但这会降低占位符的效率.
有什么方法可以做到这一点(或者用另一种方法来更有效地处理具有相同(DIV)布局但不同文本的页面？)
谢谢!