Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript InnerText from event.target事件未从目标返回文本_Javascript_Html - Fatal编程技术网

Javascript InnerText from event.target事件未从目标返回文本

Javascript InnerText from event.target事件未从目标返回文本,javascript,html,Javascript,Html,我试图仅访问event.target中的文本,但使用innerText不会返回文本。它返回未定义或空白 这是我试过的 function init(){ document.getElementById('fileInput').addEventListener('change', handleFileSelect); //'change' refers to when the file changes, 2nd argument calls function

我试图仅访问event.target中的文本,但使用innerText不会返回文本。它返回未定义或空白

这是我试过的

 function init(){
            document.getElementById('fileInput').addEventListener('change', handleFileSelect); //'change' refers to when the file changes, 2nd argument calls function
        }

        function handleFileSelect(event){
            const reader = new FileReader();
            reader.onload = (evt)=>{
                console.log(evt.target.result);
                // console.log(evt.target.result.innerText);
                document.getElementById('fileContent').textContent = evt.target.result;
            };
            reader.onerror = ()=>{
                console.log("ERROR READING FILE");
            };
            reader.readAsText(event.target.files[0]); //takes only the first element (file) uploaded

        }

        window.onload = init; //when everything loads

我也试过了

console.log(evt.target.innerText) 

但仍然不起作用。有人知道原因吗?

要从
文件阅读器
获取结果,您只需使用
reader.result

这样(这是您的代码,工作完全正常):

函数init(){
document.getElementById('fileInput')。addEventListener('change',handleFileSelect);//'change'指文件更改时,第二个参数调用函数
}
函数handleFileSelect(事件){
const reader=new FileReader();
reader.onload=(evt)=>{
document.getElementById('fileContent').textContent=evt.target.result;
};
reader.onerror=()=>{
log(“读取文件时出错”);
};
reader.readAsText(event.target.files[0]);
}
window.onload=init


文件内容
JQuery Verison

函数getTextFromHTML(htmlText){ 变量温度=$(''); var text=temp.html(htmlText.text(); 移除温度(); 返回文本; } 函数init(){ document.getElementById('fileInput')。addEventListener('change',handleFileSelect); } 函数handleFileSelect(事件){ const reader=new FileReader(); reader.onload=(evt)=>{ var htmlText=evt.target.result; document.getElementById('fileContent').textContent=getTextFromHTML(htmlText); }; reader.onerror=()=>{ log(“读取文件时出错”); }; reader.readAsText(event.target.files[0]); } window.onload=init


文件类型是什么?文件是否包含JSON对象的属性为innerText?文件类型为HTMLdoes reader.result仅返回文本?我已经运行了代码段,它返回文件的内部HTML。HTML文件是文本文件,它将返回文本,这是HTML代码。是否有方法替换“var temp=$(“”);”使用纯javascript?有没有一种方法可以只获取目标文件的body标记&