HTML。。
我在一个页面上有两个嵌入代码/部分。我想要的是使社交媒体徽标可点击，然后相应嵌入社交媒体的嵌入将可见，而另一个则隐藏。我可以用一个部分来完成此操作，但代码都是 html。问题是 Twitter 嵌入在嵌入的中间有一个部分，当我用旧方法执行此操作时，它会弄乱输出。
这是我主要工作的旧代码（减去嵌入未正确显示）
<body onload="updateForm(media)">
<label>
<input type="image" src="\CST-WebPage\media files\social media\youtube.png" alt="YouTube" style="width:100px" name="media" value="ty" onclick="updateForm(this)">
</label>
<label>
<input type="image" src="\CST-WebPage\media files\social media\twitter.png" alt="Twitter" style="width:100px" name="media" value="tw" onclick="updateForm(this)">
</label>
<div id="SM"></div>
</body>
function updateForm(control) {
if (control.value == "tw") {
document.getElementById("SM").innerHTML = twitter;
}
else {
document.getElementById("SM").innerHTML = youtube;
}
}
var youtube = '<div>\
<iframe src="https://www.youtube.com/embed/videoseries?list=PLDNv6o8iIDrw6ETcAy8s3xHgn2UdjpZ-e" width="600" height="400"allowfullscreen scrollable="yes"></iframe>\
<p id="success"></p>\
</div>';
var twitter = '<div>\
<a class="twitter-timeline" data-lang="en" data-width="600" data-height="400" data-theme="dark" href="https://twitter.com/clanshocktac?ref_src=twsrc%5Etfw">Tweets by clanshocktac</a>\
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>\
</div>';
我认为这样做会更容易，而不是<div id='SM'></div> <div id='youtube'>和<div id='twitter'>
预先感谢您提供的任何帮助或见解。
慕娘93253241回答
-
湖上湖
您可以为 ID 为 或 的元素设置或删除 hidden 属性。twitteryoutubefunction updateForm(control) { if (control.value == "tw") { document.getElementById("twitter").removeAttribute('hidden'); document.getElementById("youtube").setAttribute('hidden', true); } else { document.getElementById("youtube").removeAttribute('hidden'); document.getElementById("twitter").setAttribute('hidden', true); }}
随时随地看视频慕课网APP
相关分类
Html5