Question

我正在创建具有这些功能的按钮元素，但是我似乎卡住了，我不知道为什么。这是问题创建一个ID为filter-query的BUTTON元素，并为其指定CSS类mdc-icon-button和material-icons。将其文本设置为filter_list。

这就是我所做的

<!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;
  }

，但未运行。谁能帮我

Answer 1

很明显，所提出的问题的最短答案是：

<button id='filter-query' class='mdc-icon-button material-icons'>filter_list</button>

自然，另一个有效答案是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";

Answer 2

@Boycott Dev和其他人，你们是正确的，但看来你们却忘记了问题的另一部分，即：“给它一个CSS类的mdc-icon-button和material-icons”。

我认为您应该添加CSS样式

Answer 3

您共享的代码不完整且混乱。我完成并订购了它，但是我不知道这是否正是您要执行的操作。请添加更多详细信息。

<!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>
    <style>
      body{
        background-color: white;
      }

    </style>
    </head>
    <body>
    
    
    
    </body>
    <button id = "filter-query" class ="mdc-icon-button material-icons"> 
    filter_list
            </button>

    
</html>

创建一个按钮元素

3 个答案: