我在一個(gè)頁面上有兩個(gè)嵌入代碼/部分。我想要的是使社交媒體徽標(biāo)可點(diǎn)擊，然后相應(yīng)嵌入社交媒體的嵌入將可見，而另一個(gè)則隱藏。我可以用一個(gè)部分來完成此操作，但代碼都是 html。問題是 Twitter 嵌入在嵌入的中間有一個(gè)部分，當(dāng)我用舊方法執(zhí)行此操作時(shí)，它會(huì)弄亂輸出。這是我主要工作的舊代碼（減去嵌入未正確顯示） <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>';我認(rèn)為這樣做會(huì)更容易，而不是<div id='SM'></div> <div id='youtube'>和<div id='twitter'>預(yù)先感謝您提供的任何幫助或見解。
1 回答
湖上湖
TA貢獻(xiàn)2003條經(jīng)驗(yàn) 獲得超2個(gè)贊
您可以為 ID 為 或 的元素設(shè)置或刪除 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 關(guān)注
- 165 瀏覽
添加回答
舉報(bào)
0/150
提交
取消