Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript可以基于用户输入创建新函数吗?_Javascript_Html_Function_User Defined Functions_Elements - Fatal编程技术网

JavaScript可以基于用户输入创建新函数吗?

JavaScript可以基于用户输入创建新函数吗?,javascript,html,function,user-defined-functions,elements,Javascript,Html,Function,User Defined Functions,Elements,我在HTML文档中有一个输入框、一个按钮和其他随机元素。我的问题是:JavaScript能否使用输入框中输入的id,并在单击按钮时隐藏具有该id的元素?请让我知道怎么做。我正在制作一个程序,根据特定的按钮点击创建元素,这样用户就可以在不知道代码的情况下格式化html。我正在尝试添加动态函数,但我完全不知道该怎么做,因为函数需要足够灵活才能使用其中的输入 我无法直接插入函数的原因是,我希望按钮使用专门创建的函数来执行用户想要的操作 我也不知道jquery,主要是HTML JavaScript和CS

我在HTML文档中有一个输入框、一个按钮和其他随机元素。我的问题是:JavaScript能否使用输入框中输入的id,并在单击按钮时隐藏具有该id的元素?请让我知道怎么做。我正在制作一个程序,根据特定的按钮点击创建元素,这样用户就可以在不知道代码的情况下格式化html。我正在尝试添加动态函数,但我完全不知道该怎么做,因为函数需要足够灵活才能使用其中的输入

我无法直接插入函数的原因是,我希望按钮使用专门创建的函数来执行用户想要的操作


我也不知道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);