Javascript 创建一个按钮元素_Javascript_Html

Javascript 创建一个按钮元素

javascript html

Javascript 创建一个按钮元素,javascript,html,Javascript,Html,我正在用这些特性创建一个按钮元素，但我似乎被卡住了，我不知道为什么。问题是创建一个ID为filter query的BUTTON元素，并为其提供一个包含mdc图标按钮和材质图标的CSS类。将其文本设置为筛选列表这就是我所做的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=

我正在用这些特性创建一个按钮元素，但我似乎被卡住了，我不知道为什么。问题是创建一个ID为filter query的BUTTON元素，并为其提供一个包含mdc图标按钮和材质图标的CSS类。将其文本设置为筛选列表

这就是我所做的

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" 
      content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />

<title>Mini App</title>
<button id = "filter-query" class ="mdc-icon-button material-icons"> 
filter_list
        </button>

<style>
  body{
    background-color: white;
  }


迷你应用程序
过滤列表
身体{
背景色：白色；
}

但它没有运行。有人能帮我解决一下吗？

您共享的代码不完整且不正常。我完成并订购了它，但我不知道这是否正是你想要做的。请补充更多细节


迷你应用程序
身体{
背景色：白色；
}
过滤列表

显然，对所提出的问题，最简短的回答是：

过滤器列表

当然，另一个有效的答案是javascript：

var btn = document.createElement('button');
btn.id = 'filter-query';
btn.classList.add('mdc-icon-button');
btn.classList.add('material-icons');
btn.textContent = "filter_list";

@抵制Dev和其他人，你们是对的，但似乎你们忘记了问题的另一部分，即：“并给它一个包含mdc图标按钮和材质图标的CSS类”

我认为您应该添加css样式

为什么按钮在

中而不是

？你不跑步到底是什么意思？你是说展示吗？或者是想做点什么？如果是，那是什么？@JonP Samuel显然正在参加在线测验或互动教程。发动机可能检测不到正确答案。也许是因为你提到的那些话。attributes=符号之间的空格也可能是个问题。我也试着把它放在身体里，但没有。。。是的，我的意思是创建的按钮显示不好，它肯定属于

标记。请在正文中提供一个更完整的示例，其中包含演示问题的

。欢迎使用StackOverflow！请提供带有参考资料的具体答案。如果您有建议或需要澄清，请留下评论。我们在这方面有指导方针。