javascript - 在 javascript 按钮中分配 html 实体代码不起作用

标签 javascript html-entities createelement

我正在尝试在 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

我希望该按钮应显示向下箭头,但由于某种原因它没有显示。

最佳答案

尝试将 替换为 \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>

关于javascript - 在 javascript 按钮中分配 html 实体代码不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56526299/

相关文章:

javascript - VueJs CreateElement() 插入动态html

javascript - 如何停止 Django 线程

PHP $_POST 不带重音符号

javascript - 列出来自 HTML XPath 的项目

php - 如何从 UTF-8 字符串中删除 ?

php - html实体不转换特殊字符

javascript - 如何使用javascript添加li元素

javascript - 对方法或属性访问的意外调用

javascript - 如何创建自定义事件处理程序

javascript - 将 id 赋予 Canvas