色でダイナミックボタンを生成しました。その最後のクリックされたボタンを区別する必要がある。これはIDに応じて、異なったボタンを着色する最初の試みであるevent.target.classlist
event.target.classlistを使用してボタンの色を区別する
var buttonId = 0;
var classId = 0;
function myFunction()
{
for (i = 0; i < 10; i++)
{
var btn = document.createElement("BUTTON");
btn.style.backgroundColor = "F093F5";
btn.setAttribute("id", "btn" + buttonId);
btn.setAttribute("class", "class" + classId);
btn.addEventListener('click', keyFunction);
btn.innerText = "click" + buttonId;
btn.innerText = "click" + classId;
console.log(btn);
document.body.appendChild(btn);
buttonId++;
classId++;
}
}
{
function keyFunction(event)
{
event.target.style.backgroundColor="#D3D578";
var elem = event.target.classlist;
}
}
<button class="cl" id="1" onclick="myFunction()" onkeypress="keyFunction()">Try it</button>
'event.target.classlist'ではなく' event.target.classList'です! Javascriptでは大文字と小文字が区別されます。 – Aloso
Ok ...しかし、それのためのどんな種類の論理.. –
プロパティは*大きなL *を持つ 'classList'と呼ばれます。それが論理です。ところで、私はあなたがこのコード行で達成したいことを理解していません。 – Aloso