создать элемент кнопки - PullRequest
Новая
       5

создать элемент кнопки

0 голосов
/ 07 мая 2019

Я создаю элемент кнопки с этими функциями, но я застрял и не знаю почему. Вот вопрос Создайте элемент 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;
  }

но он не работает. может кто-нибудь, пожалуйста, помогите мне

Ответы [ 3 ]

0 голосов
/ 07 мая 2019

Очевидно, самый короткий ответ на поставленный вопрос:

<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";
0 голосов
/ 07 мая 2019

@ Бойкотт Дев и другие, вы, ребята, правы, но кажется, что вы, ребята, забыли другую часть вопроса, в которой говорится: «и дайте ему класс CSS mdc-icon-button и material-icons»

я думаю, вы должны добавить стиль CSS

0 голосов
/ 07 мая 2019

Код, которым вы поделились, был неполным и вышел из строя.Я закончил и заказал это, но я не знаю, если это именно то, что вы пытаетесь сделать.Пожалуйста, добавьте больше деталей.

<!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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...