我在尝试在页面中添加内容时遇到了一些麻烦。
<body>
<div id="wrapper">
<div id="nav">
<ul>
<li><a href="#"><span>exercizeI</span></a></li>
<li><a href="#"><span>exercizeII</span></a></li>
<li><a href="#"><span>........</span></a></li>
<li><a href="#"><span>........</span></a></li>
</ul>
</div>
<div id="content"></div>
</div>
</body>
所以我尝试使用那段代码,但它不起作用
var table1='<table>..some content..</table>}';
$('#nav li a:eq(1)').click(function (){$('#content').innerHTML='habarlaaaa';});
然后尝试了这个
function press(){
var but = document.getElementById('wrapper').getElementById('nav').getElementsByTagName('ul')[0].getElementsByTagName('li')[1].getElementsByTagName('a')[0];
var table1='<table>..some content..</table>}';
var content = document.getElementById('wrapper').getElementById('content');
but.onclick=function(){content.innerHTML=table1};
};
..给我以下信息后情况变得更糟:
未捕获类型错误:对象#没有方法“getElementById”
错误为什么会发生这种情况?
BR,斯蒂芬
最佳答案
使用 jQuery,您可以像这样使用 html() 函数:
$('#nav li a:eq(1)').click(function (){$('#content').html(table1);});
关于javascript - 添加内容问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5596084/