javascript - [Chrome插件] javascrip取不到某元素的值？

问题描述

问 题

我在学习JS遇到一个问题，具体来说，是Chrome扩展里的JS代码，无法取到动态生成元素的值，先看代码:

function httpRequest(url, callback){
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4) {
                var t = setTimeout(window.alert("waiting"), 5000);
                var domParser = new DOMParser();
                var xmlDoc = domParser.parseFromString(xhr.responseText,'text/xml');
                var T1 = xmlDoc.getElementById("ip_pos").innerHTML;
                var T2 = xmlDoc.getElementById("ip_addr").innerHTML;
                window.alert(T1);
                window.alert(T2);
          callback(T2);
        }
    }
   xhr.send();
}

httpRequest('http://www.ip5.me/', function(ip){
    document.getElementById('ip_div').innerText = ip;
});

两个问题（主要是第一个）

1. 我能得到T1（某个字符串），但T2为空（我想要的IP地址）

2. setTimeout不起作用，虽然还是弹出了窗口，但没有阻塞我要求的时间

很惭愧，网上尝试着搜过但没有获得足够启发，还望各位帮助，谢谢

解决方案

第一个问题：
如果T1有值，T2没有值可以使用 console.log(xmlDoc) 查看 xmlDoc 的结构
第二个问题：
var t = setTimeout(window.alert("waiting"), 5000);
js 引擎首先执行window.alert("waiting")函数，弹出窗口
setTimeout的第一个参数是字符串或者函数，window.alert("waiting")的返回值是undefined。

修改后可以是var t = setTimeout("window.alert('waiting')", 5000);
var t = setTimeout(function() {

                    window.alert('waiting')
                }, 5000);

这篇关于javascript - [Chrome插件] javascrip取不到某元素的值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！