JavaScript可以基于用户输入创建新函数吗?
我在HTML文档中有一个输入框、一个按钮和其他随机元素。我的问题是:JavaScript能否使用输入框中输入的id,并在单击按钮时隐藏具有该id的元素?请让我知道怎么做。我正在制作一个程序,根据特定的按钮点击创建元素,这样用户就可以在不知道代码的情况下格式化html。我正在尝试添加动态函数,但我完全不知道该怎么做,因为函数需要足够灵活才能使用其中的输入 我无法直接插入函数的原因是,我希望按钮使用专门创建的函数来执行用户想要的操作JavaScript可以基于用户输入创建新函数吗?,javascript,html,function,user-defined-functions,elements,Javascript,Html,Function,User Defined Functions,Elements,我在HTML文档中有一个输入框、一个按钮和其他随机元素。我的问题是:JavaScript能否使用输入框中输入的id,并在单击按钮时隐藏具有该id的元素?请让我知道怎么做。我正在制作一个程序,根据特定的按钮点击创建元素,这样用户就可以在不知道代码的情况下格式化html。我正在尝试添加动态函数,但我完全不知道该怎么做,因为函数需要足够灵活才能使用其中的输入 我无法直接插入函数的原因是,我希望按钮使用专门创建的函数来执行用户想要的操作 我也不知道jquery,主要是HTML JavaScript和CS
我也不知道jquery,主要是HTML JavaScript和CSS,是的,但你完全走错了方向:你不需要创建一个新函数来响应用户输入 您只需要在函数中使用用户输入
function myEventHandler(event) {
var user_input = document.getElementById('my_text_input').value;
var user_selected_element = document.getElementById(user_input);
if (user_selected_element) {
user_selected_element.style.display = "none";
}
}
document.getElementById('the_button').addEventListener('click', myEventHandler);
您需要创建一个传递给按钮的单击处理程序的函数。单击按钮时,我们可以获取输入值并从中进行处理。这是一张工作票
是的,它可以。你试过什么?是的,完全可行。请上传您目前拥有的代码,以便根据您当前的实现提出建议。请用jQuery
$(“#”+id.hide()
@FlushFish:Oh for cryin'out loud更新您的帖子,直接使用DOM也不难。我不反对jQuery,我只是说。。。
function hideById() {
var id = document.getElementById('id').value;
document.getElementById(id).style.display = 'none';
}
document.querySelector("button").addEventListener("click", hideById);