назначение HTML-кода объекта в кнопке JavaScript не работает - PullRequest
Новая
       34

назначение HTML-кода объекта в кнопке JavaScript не работает

0 голосов
/ 10 июня 2019

Я пытаюсь создать кнопку в javascript и назначить ей код сущности HTML ⛨. Это HTML-код объекта стрелки вниз. Вместо отображения стрелки вниз весь код отображается на кнопке как есть.

Вот как я пытаюсь это сделать 

<!DOCTYPE html>
<html>
    <head></head>
    <body>
    <script type="text/javascript">
        var btn = document.createElement("input");
        btn.setAttribute('type','button');
        btn.setAttribute('value','&#9660;');
        document.body.appendChild(btn);
    </script>
    </body>
</html>

Ниже выводится мой код

enter image description here

Я ожидаю, что кнопка должна отображать стрелку вниз, но по какой-то причине она не отображается.

Ответы [ 3 ]

2 голосов
/ 10 июня 2019

Попробуйте заменить &#9960; на \u26E8, попробуйте \u2193 для стрелки вниз. JsFiddle , ref 

<!DOCTYPE html>
<html>
    <head></head>
    <body>
    <script type="text/javascript">
        var btn = document.createElement("input");
        btn.setAttribute('type','button');
        btn.setAttribute('value','\u26E8');
        document.body.appendChild(btn);
        btn = document.createElement("input");
        btn.setAttribute('type','button');
        btn.setAttribute('value','\u2193');
        document.body.appendChild(btn);
    </script>
    </body>
</html>
2 голосов
/ 10 июня 2019

Попробуй вот так, 

<html>
    <head></head>
    <body>
    <button>&#9960;</button>
    <script type="text/javascript">
        var btn = document.createElement("input");
        btn.setAttribute('type','button');
        btn.setAttribute('value','\u26E8');
        document.body.appendChild(btn);
    </script>
    </body>
</html>

Первая кнопка из DOM, вторая из скрипта.

2 голосов
/ 10 июня 2019

Вы должны использовать innerHTML вместо setAttribute: 

var btn = document.createElement("input");
btn.setAttribute('type','button');
btn.innerHTML = '&#9960;';
document.body.appendChild(btn);

http://jsfiddle.net/dapx0nsy/

...