0
次のスタイルシートとの間に交換するボタンを使用して：ドロップダウンボックスを使用してスタイルシートを変更するにはどうすればよいですか？
<!DOCTYPE html>
<html>
<head>
<link id="pagestyle" rel="stylesheet" type="text/css" href="default.css">
<script>
function swapStyleSheet(sheet){
document.getElementById('pagestyle').setAttribute('href', sheet);
}
</script>
</head>
<body>
<h2>Javascript Change StyleSheet Without Page Reload</h2>
<button onclick="swapStyleSheet('dark.css')">Dark Style Sheet</button>
<button onclick="swapStyleSheet('blue.css')">Blue Style Sheet</button>
<button onclick="swapStyleSheet('default.css')">Default Style Sheet</button>
</body>
</html>
Iは、同じ機能を使用したいが、代わりにボタンを使用する、ドロップダウンボックスからスタイルシートを選択して交換することができるであろう。
<div class="dropdown-content">
<a href="swapStyleSheet('default.css')">Default</a>
<a href="swapStyleSheet('dark.css')">Dark</a>
</div>
これらのリンクをクリックすると、「ページが見つかりません」というメッセージが表示されます。私は間違った形式でリンクを書いたと思いますが、私はそれらを修正するために何ができますか？ありがとう！
この質問の内容が不明な場合は、投票の前にお知らせください。私は新しいので、それを正しく取得したい！ありがとう！
<div class="dropdown-content">
<a href="#" onclick="swapStyleSheet('default.css')">Default</a>
<a href="#" onclick="swapStyleSheet('dark.css')">Dark</a>
</div>
を以下のよう