質問編集履歴
2
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -56,4 +56,28 @@
|
|
|
56
56
|
```
|
|
57
57
|
|
|
58
58
|
### 試したこと
|
|
59
|
-
・jsにてliにthisを付与してonmouseoverしたliにのみ実行できるように試行しましたが上手くいきませんでした。
|
|
59
|
+
・jsにてliにthisを付与してonmouseoverしたliにのみ実行できるように試行しましたが上手くいきませんでした。
|
|
60
|
+
|
|
61
|
+
以下追記になります。
|
|
62
|
+
js初心者のため見当違いのことをしているかもしれません。
|
|
63
|
+
|
|
64
|
+
試行① jsでselectされているliにthisを当てた
|
|
65
|
+
```js
|
|
66
|
+
function changeBackColor(){
|
|
67
|
+
var elements = document.getElementsByClassName("btn");
|
|
68
|
+
document.querySelector('li.this').classList.add('btnColorChange');
|
|
69
|
+
for(i=0;i<elements.length;i++){
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
試行② 追加したいclass名にthisを当てた
|
|
75
|
+
```js
|
|
76
|
+
function changeBackColor(){
|
|
77
|
+
var elements = document.getElementsByClassName("btn");
|
|
78
|
+
document.querySelector('li').classList.add('btnColorChange.this');
|
|
79
|
+
for(i=0;i<elements.length;i++){
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
```
|
1
タグを変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
File without changes
|