Javascript 用字符串寻址变量

Javascript 用字符串寻址变量,javascript,html,dom,constants,Javascript,Html,Dom,Constants,我想根据用户点击的按钮在段落上写下hello。我尝试了以下方法,但没有效果。我该怎么做 const para1=document.getElementById('para1'); const para2=document.getElementById('para2'); const options=document.getElementsByClassName('option'); for(设i=0;i{ 过程(foo) }) } 功能流程(x){ 让goo=`para${x}`;//这不起作

我想根据用户点击的按钮在段落上写下hello。我尝试了以下方法,但没有效果。我该怎么做

const para1=document.getElementById('para1');
const para2=document.getElementById('para2');
const options=document.getElementsByClassName('option');
for(设i=0;i{
过程(foo)
})
}
功能流程(x){
让goo=`para${x}`;//这不起作用
goo.textContent=“你好”;
控制台日志(x);
控制台日志(goo);
}
#para1{
宽度:50px;
高度:50px;
背景:蓝色;
}
#帕拉2{
宽度:50px;
高度:50px;
背景:红色;
}
在para1上写入
写在para2上


您试图在字符串而不是元素上设置属性
textContent
。您需要传递找到的元素,而不是方法
过程中的字符串
x

const para1=document.getElementById('para1');
const para2=document.getElementById('para2');
const options=document.getElementsByClassName('option');
for(设i=0;i{
进程(选项);//传递元素按钮。选项
})
}
功能流程(选项){
const x=option.classList[1];//获取第二个类名
const para=document.getElementById(`para${x}`);//按id查找段落
para.textContent=“hello”//在段落上设置文本
}
#para1{
宽度:50px;
高度:50px;
背景:蓝色;
颜色:白色;
}
#帕拉2{
宽度:50px;
高度:50px;
背景:红色;
颜色:白色;
}
在para1上写入
写在para2上


您试图设置字符串的文本内容,而不是DOM节点

功能流程(x){
让goo=document.getElementById(`para${x}`);//试试这个
goo.textContent=“你好”;
控制台日志(x);
控制台日志(goo);
}
更新行

let goo = `para${x}`; //This doesn't work

将起作用

使用括号[]语法以字符串形式访问javascript变量:

//全局变量:
var foo=“你好”;
var bar=“foo”;
console.log(窗口[bar])//打印“你好”
//对于对象:
var someObject={
“福”:“你好”
};
var bar=“foo”;

log(someObject[bar])我的意思是从字符串调用变量,而不是从这个。我的意思是从字符串调用变量,而不是从这个。
let goo = window['para'+x];