我在一个页面上有两个嵌入代码/部分。我想要的是使社交媒体徽标可点击，然后相应嵌入社交媒体的嵌入将可见，而另一个则隐藏。我可以用一个部分来完成此操作，但代码都是 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'>预先感谢您提供的任何帮助或见解。
1 回答
湖上湖
TA贡献2003条经验 获得超2个赞
您可以为 ID 为 或 的元素设置或删除 hidden 属性。twitteryoutube
function 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);
}
}
- 1 回答
- 0 关注
- 51 浏览
添加回答
举报
0/150
提交
取消