从文档中获取html标记的内容

时间:2015-02-26 01:07:32

标签: javascript file tags

用户可以将html文档上传到我的网站,并将其保存在变量file中。我希望能够从文件中提取信息,特别是通过扫描文档中的某些标签并在data中保存标签的内容。

为什么我无法从<DIV class="staticheaders">中提取innerHTML,这是来自保存到file的示例html文档。

    window.onload = function() {

    var fileInput = document.getElementById('fileInput');
    var fileDisplayArea = document.getElementById('fileDisplayArea');

    fileInput.addEventListener('change', 
        function(e) {

            var file = fileInput.files[0]; 

            var textType = /text.*/;

            if (file.type.match(textType)) {


                var data;


                data = file.getElementsByTagName('staticheaders')[0].innerHTML;


                reader.onload = function(e) {
                    fileDisplayArea.innerText = data; 
                }   
            } 

        }
    );

}

1 个答案:

答案 0 :(得分:0)

正如PHPglue所述,您正在使用getElementsByTagName来检索与特定代码<input><div><span>等匹配的所有元素。

您正在寻找的函数是getElementsByClassName,它将返回包含特定css类的所有元素