Javascript 更改按钮的功能'；s ID、内容和类均为'；行不通 功能点击（目标）{ document.getElementById（“popup1”）.className=“popup”； document.getElementById（“black”）.className=“blackout”； target.id=“buttonclicked” } 函数pclose（）{ document.getElementById（“popup1”）.className=“popup hidden”； document.getElementById（“popup2”）.className=“popup hidden”； document.getElementById（“black”）.className=“blackout hidden”； document.getElementById（“buttonclicked”）.id=“”； } 功能位置（变量）{ 如果（变量==“房屋”）{ document.getElementById（“buttonclicked”）.className=“ContainesMoji”； document.getElementById（“buttonclicked”）.innerHTML=“

更改类或标记的id时，需要使用

setAttribute（）

功能点击（目标）{
document.getElementById（“popup1”）.setAttribute（“类”、“弹出”）；
document.getElementById（“黑色”）.setAttribute（“类”、“黑屏”）；
target.id=“buttonclicked”
}      
函数pclose（）{
document.getElementById（“popup1”）.setAttribute（“类”，“弹出隐藏”）；
document.getElementById（“popup2”）.setAttribute（“类”，“弹出隐藏”）；
document.getElementById（“黑色”）.setAttribute（“类”
“隐藏停电”）；
document.getElementById（“buttonclicked”）.setAttribute（“id”，即“）；
}
功能位置（变量）{
如果（变量==“房屋”）{
document.getElementById（“buttonclicked”）.setAttribute（“class”，“ContainesMoji”）；
document.getElementById（“buttonclicked”）.innerHTML=“
单击
是一种本机方法。将
单击（此）
更改为
任何内容（此）
以下是有关正确编码方式的答案的开头。

你的问题太少了，我无法给你一个更完整的答案，

例如类的含义-
弹出
-
关闭
-
隐藏
-

与
#popup1
#popup1
#black
元素的交互，

以及调用
place（variable）
函数的逻辑及其参数，该函数的值可以是
'house'


const myTable=document.querySelector（'table#my table'））
对于（设r=0；r
{
设clicElm=evt.target
如果（！clicElm.matches（'button'））返回//拒绝单击按钮
if（clicElm.matches（'button.staduim'））
{
//做staduim功能吗
}
else if（clicElm.classList.toggle（'house'））
{
popup1.classList.remove（'hidden'）
}
}
popup1.onclick=（）=>
{
popup1.classList.add（'hidden'）
}
*{
保证金：0；
填充：0；
}
.隐藏{
显示：无；
}
分区弹出窗口1，
分区#弹出窗口2{
位置：固定；
排名：0；
左：0；
宽度：100%；
身高：100%；
背景色：#dc143c66；
}
桌子#我的桌子{
边界塌陷：塌陷；
保证金：3em自动；
}
桌子#我的桌子{
文本对齐：居中；
边界：无；
}
桌子#我的桌子按钮{
宽度：3em；
边缘：2米；
}
表格#我的表格按钮：：之前{
内容:'-'
}
表#我的表按钮。Statuim:：before{
内容：“这部分的HTLM是什么样子的？你的算法方法很糟糕，你必须使用伪元素组合css更改元素id是一个非常非常糟糕的主意，还有其他方法可以禁用按钮我不想禁用按钮，我想更改其内容。奇怪的是，我在回答中使用的方法在我正在创建的其他网站。我将尝试你的，但我担心它是多余的…我尝试了你的方法，它做的大部分事情与我的相同。当按下网格中的按钮时，它确实似乎滞后了一点，但除此之外，没有任何更改。在实际的网站上，它被命名为其他东西；它仍然不起作用。在其上尝试了此代码wn，它似乎什么都没做。@DragonSlayr15001“似乎什么都没做”是什么意思？你点击“运行代码段”了吗巴顿？那你为什么不在我的帖子里回答我的问题呢？我很抱歉，我把代码复制到了一个运行这种代码的外部网站上，但它什么也没做，实际上什么都没做。但它似乎通过“运行代码片段”正常地工作了……尽管我只能假设这是因为我没有在我的帖子里放弹出窗口。我会马上开始。至于你可能有的任何其他问题，在抱怨我没有回答之前试着问他们。@DragonSlayr15001你没有读我的答案吗？：：“你的问题太少了，我无法给你一个更完整的答案，比如类的含义-弹出-关闭-隐藏-与#popup1#popup1#黑色元素的交互，调用place（variable）函数的逻辑以及它的参数可以有'house'值“：”相反，你要求的是你没有描述过的功能
     function click(target) {
       document.getElementById("popup1").setAttribute("class","popup");
       document.getElementById("black").setAttribute("class","blackout");
       target.id = "buttonclicked"
     }      
     function pclose() {
       document.getElementById("popup1").setAttribute("class","popup hidden");
       document.getElementById("popup2").setAttribute("class","popup hidden");
       document.getElementById("black").setAttribute("class"
,"blackout hidden");
       document.getElementById("buttonclicked").setAttribute("id","");
     }
     function place(variable) {
       if (variable == "house") {
         document.getElementById("buttonclicked").setAttribute("class","containsemoji");
         document.getElementById("buttonclicked").innerHTML = "
click
 is a native method. Change 
click(this)
 to 
anythingelse(this)
Here is the beginning of an answer concerning the correct way to code this.

Your question is missing too much for me to give you a more complete answer,

such as the meaning of classes - 
popup
 - 
blackout
 - 
hidden
 -

the interaction with the 
#popup1
 
#popup1
 
#black
 elements,

and the logic for calling the 
place(variable)
 function and its argument that can have the value 
'house'



const myTable = document.querySelector('table#my-table ')

for (let r=0;r<5;++r)
  {
  let newRow = myTable.insertRow()
  for (let c=0; c<7; ++c) newRow.insertCell().innerHTML = '<button></button>'
  }
myTable.rows[2].cells[3].querySelector('button').className = 'staduim'

myTable.onclick = evt =>
  {
  let clicElm = evt.target
  if (!clicElm.matches('button')) return // reject any click elsewhere tha a button

  if (clicElm.matches('button.staduim')) 
    {
    // do staduim function
    }
  else if (clicElm.classList.toggle('house'))
    {
    popup1.classList.remove('hidden')
    }
  }
popup1.onclick = () => 
  {
  popup1.classList.add('hidden')
  }