gpt4 book ai didi

javascript创建动态html函数?

转载 作者:行者123 更新时间:2023-11-30 10:58:45 24 4
gpt4 key购买 nike

<分区>

我正在制作一个动态创建 html 元素的程序,当您单击这些元素中的任何一个时,它应该在另一个文本框中显示其值。这是我用来定义元素的类:

class msg_element{
constructor(msg){
this.message = msg;

this.element = document.createElement("P");
this.element.innerHTML = this.message;
this.element.addEventListener("click", function(){
document.getElementById("update").value = this.message;
});

document.getElementById("textview").appendChild(this.element);
}
}

这是创建元素的循环:

for(var i = 0; i < bmg_msg.length; i++){
var element = new msg_element(bmg_msg[i]);
}

它正确地创建了所有元素,但是点击功能不起作用,它只是在文本框中显示“未定义”。我该怎么做才能解决这个问题?

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com