0
キーボードのボタンを押すと、画像のクラスを変更しようとしています()。これが機能していないか、私は内に正しくJavaScriptを使用している場合でも、なぜこれほど見当がつかない私はHTMLとJavaScriptの両方に非常に新しいですjavascriptを使用してhtmlの要素のクラスを変更する
<div id="images" class="img"/>
<img src="spiderman.png" alt=""/>
<img src="superman.png" alt="" height="25%" width="25%"/>
<img src="batman.png" alt="" />
</div>
<Script type="text/javascript">
function keyDown(event) {
if (event.keyCode == 65) {
var canvas = document.getElementById('images');
canvas.innerHTML = '<img class="img2" />'
}
}
function keyUp(event) {
if (event.keyCode == 65) {
var canvas = document.getElementById('images');
canvas.innerHTML = '<img class="img" />';
}
}
</script>
CSS
.img {
position: absolute;
right: 15%;
top: 30%;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.img2 {
box-shadow: 0px 0px 5px #fff;
position: absolute;
right: 15%;
top: 30%;
display: flex;
flex-direction: column;
align-items: flex-end;
}
:私は、次のコードを書かれています私のHTMLは、私が可能にしようとしているものですか?正しい方向のポイントは役に立ちます:)
実際 'canvas'要素'#のimages'ですか?イメージを 'canvas'にロードする方法ではありません。現在、それらの 'img'タグは' src'属性を持たないので、イメージをロードする必要はありません。 'img'タグを動的にDOMに挿入するのではなく、動的に挿入する理由はありますか? – haxxxton
これはあなたがやろうとしていることですか? "a"を押すとボックスシャドウが切り替わりますか? http://codepen.io/anon/pen/qrVjMO –