Javascript 材质设计lite附加图标

我在添加一个使用材质图标的图标时遇到了问题，它似乎没有加载css/js，而是显示了单词check

-这部分来自stepper.js

var i = document.createElement('i');
                        i.style.className = 'material-icons';
                        var text = document.createTextNode('check');
                        i.appendChild(text);


                        elements.appendChild(i);

我想知道如何重新加载js文件或重新加载材质字体部分？”

我的头球 -如何加载styesheet和js

 <script type="text/javascript">
 var uid = '{$smarty.session.ipet_user}';
 {literal} 

    function stylesheet(url) {
            var s = document.createElement('link');
            s.rel = 'stylesheet';
            s.async = false;
            s.href = url;
            var x = document.getElementsByTagName('head')[0];
            x.appendChild(s);
        }

        function script(url) {
            var s = document.createElement('script');
            s.type = 'text/javascript';
            s.async = true;
            s.src = url;
            //s.defer = true;
            var x = document.getElementsByTagName('head')[0];
            x.appendChild(s);
        }


         (function () {
                stylesheet('https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css');
                stylesheet('https://fonts.googleapis.com/css?family=Roboto');
                stylesheet('https://fonts.googleapis.com/icon?family=Material+Icons');
                stylesheet('./templates/main/user-theme/tpl-files/material.act.css');
                stylesheet('plugins/dropzone/dropzone.css');
                stylesheet('plugins/stepper/stepper.min.css');
                stylesheet('./templates/main/user-theme/tpl-files/style.css');
                stylesheet('./templates/main/style/newprofile.css');
                stylesheet('plugins/getmdlselect/getmdl-select.min.css');       

                script('https://code.getmdl.io/1.3.0/material.min.js');
                script('https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js');
                script('https://apis.google.com/js/api:client.js');
                script('https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyBk99v0F4qkmvxifqOD48YktK-QO-3kopI');
                script('./templates/main/user-theme/javascript/google.js');
                script('plugins/getmdlselect/getmdl-select.min.js');
                script('./templates/main/user-theme/javascript/facebook.js');
                script('./templates/main/user-theme/javascript/newprofile.js');
                script('./templates/main/javascript/zipcode.js');
                script('plugins/stepper/v2/stepper.js');


         })();
 </script>

var uid='{$smarty.session.ipet_user}'；
{literal}
函数样式表（url）{
var s=document.createElement（'link'）；
s、 rel=‘样式表’；
s、 异步=假；
s、 href=url；
var x=document.getElementsByTagName（'head'）[0]；
x、 儿童；
}
函数脚本（url）{
var s=document.createElement（'script'）；
s、 类型='text/javascript'；
s、 异步=真；
s、 src=url；
//s、 延迟=真；
var x=document.getElementsByTagName（'head'）[0]；
x、 儿童；
}
（功能（）{
样式表（'https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css');
样式表（'https://fonts.googleapis.com/css?family=Roboto');
样式表（'https://fonts.googleapis.com/icon?family=Material+图标“）；
样式表（'./templates/main/user-theme/tpl-files/material.act.css'）；
样式表（'plugins/dropzone/dropzone.css'）；
样式表（'plugins/stepper/stepper.min.css'）；
样式表（'./templates/main/user-theme/tpl-files/style.css'）；
样式表（'./templates/main/style/newprofile.css'）；
样式表（'plugins/getmdlselect/getmdlselect.min.css'）；
脚本（'https://code.getmdl.io/1.3.0/material.min.js');
脚本（'https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js');
脚本（'https://apis.google.com/js/api:client.js');
脚本（'https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyBk99v0F4qkmvxifqOD48YktK-QO-3kopI'）；
脚本（'./templates/main/user-theme/javascript/google.js'）；
脚本（'plugins/getmdlselect/getmdl select.min.js'）；
脚本（'./templates/main/user-theme/javascript/facebook.js'）；
脚本（'./templates/main/user-theme/javascript/newprofile.js'）；
脚本（'./templates/main/javascript/zipcode.js'）；
脚本（'plugins/stepper/v2/stepper.js'）；
})();

您必须通过

.className

而不是

.style.className

为元素定义类

i.className = 'material-icons';

var元素=document.body；
var i=document.createElement（'i'）；
i、 className='材质图标'；
var text=document.createTextNode（'check'）；
i、 附件（文本）；
元素。子元素（i）

函数样式表（url）{
var s=document.createElement（'link'）；
s、 rel=‘样式表’；
s、 异步=假；
s、 href=url；
var x=document.getElementsByTagName（'head'）[0]；
x、 儿童；
}
函数脚本（url）{
var s=document.createElement（'script'）；
s、 类型='text/javascript'；
s、 异步=真；
s、 src=url；
//s、 延迟=真；
var x=document.getElementsByTagName（'head'）[0]；
x、 儿童；
}
（功能（）{
样式表（'https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css');
样式表（'https://fonts.googleapis.com/css?family=Roboto');
样式表（'https://fonts.googleapis.com/icon?family=Material+图标“）；
样式表（'./templates/main/user-theme/tpl-files/material.act.css'）；
样式表（'plugins/dropzone/dropzone.css'）；
样式表（'plugins/stepper/stepper.min.css'）；
样式表（'./templates/main/user-theme/tpl-files/style.css'）；
样式表（'./templates/main/style/newprofile.css'）；
样式表（'plugins/getmdlselect/getmdlselect.min.css'）；
脚本（'https://code.getmdl.io/1.3.0/material.min.js');
脚本（'https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js');
脚本（'https://apis.google.com/js/api:client.js');
脚本（'https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyBk99v0F4qkmvxifqOD48YktK-QO-3kopI'）；
脚本（'./templates/main/user-theme/javascript/google.js'）；
脚本（'plugins/getmdlselect/getmdl select.min.js'）；
脚本（'./templates/main/user-theme/javascript/facebook.js'）；
脚本（'./templates/main/user-theme/javascript/newprofile.js'）；
脚本（'./templates/main/javascript/zipcode.js'）；
脚本（'plugins/stepper/v2/stepper.js'）；
})();