时间戳

首页 > 解决方案 > 创建一个按钮元素

javascript - 创建一个按钮元素

问题描述

我正在创建一个具有这些功能的按钮元素，但我似乎卡住了，我不知道为什么。这是问题 Create a BUTTON element with ID of filter-query，并给它一个 mdc-icon-button 和 material-icons 的 CSS 类。将其文本设置为 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;
  }

但它没有运行。谁能帮帮我

标签： javascripthtml

解决方案

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

<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";

推荐阅读