对于我正在做的网站,我想加载一个div,然后隐藏另一个div,然后有两个按钮,使用JavaScript在div之间切换视图.
这是我目前的代码
function replaceContentInContainer(target, source) {
document.getElementById(target).innerHTML = document.getElementById(source).innerHTML;
}
function replaceContentInOtherContainer(replace_target, source) {
document.getElementById(replace_target).innerHTML = document.getElementById(source).innerHTML;
}<html>
<button onClick="replaceContentInContainer('target', 'replace_target')">View Portfolio</button>
<button onClick="replaceContentInOtherContainer('replace_target', 'target')">View Results</button>
<div>
<span id="target">div1</span>
</div>
<div style="display:none">
<span id="replace_target">div2</span>
</div>替换div2的第二个函数不起作用,但第一个是.
内联事件处理程序被认为是一种不好的做法吗？
例如: <button onclick=someFunction()>Click me!</button>
如果是这样,使用内联事件处理程序有什么缺点？
我有一个相当简单的页面,其中包含侧边栏导航和用于加载内容的iFrame.
我想通过单击侧栏导航中的链接来更改iFrame的内容.我正在使用javascript来更改document.element的源(.src).
我已经阅读了很多文章(StackOverflow)并且代码应该可以工作,但事实并非如此.
下面的代码是我创建的html页面,它包含标签中的JS.
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link href="css/default.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function getContent{
document.getElementById("contentFrame").src="LoremIpsum.html";
}
</script>
</head>
<body>
<div class="sidebar"><h1>Technical Documentation</h1>
<ul>
<li>Configuration Guides</li>
<li>API Guides</li>
<li><a href="" onclick='getContent()'> LoremIpsum</a></li>
</ul>
<!-- <button onclick="getContent()">Lorem Ipsum</button> -->
</div>
<iframe class="content" id="contentFrame" src="dummy.html">
</iframe>
</body>
我想在没有Jquery的情况下这样做.我想在点击触发器时显示div.到目前为止,我有这个隐藏元素.
document.getElementById('element').style.display = 'none';
HTML ..
<div class="element">Ahem, boo!!</div>
<a href="#" id="showDiv">Show</a>
单击链接时如何创建显示div的函数？我想避免使用onclick="showDiv()链接本身的功能.