为什么我无法在javascript中获取元素的值

时间:2015-02-10 06:58:21

标签: javascript html dom

首先,我想承认我在javascript方面没有任何好处。事实上,它让我感到沮丧,我似乎无法绕过它,仍然给它一个镜头。所以我有这个" js"文件:

var url, tab,myNewTab;
function init(){
    chrome.tabs.query({currentWindow: true, active: true},function(tabs){
       url = tabs[0].url;
       tab = tabs[0]
       tabId = tabs[0].id;
       processTab();
    });
}

function processTab(){
    chrome.tabs.update(tabId, {selected: true});
    if (url.substring(0,5) === "http:")
    {
        console.log(window.location);
        url = insert(url , 4 , "s");
    }
    myNewTab = window.open('https://alexanderproxy33.appspot.com','_newtab' );

    myNewTab.onload = cont() ;
}
function insert(str, index, value) {
    return str.substr(0, index) + value + str.substr(index);
};
function cont()
{
    console.log(myNewTab.document.getElementById("input").value)
}
init();

我猜想有很多事情可以做得更好但是我的问题是:console.log行给了我一个错误因为null。我做了cont()函数所以它会加载它的元素所以我可以得到他们(正如许多明显正确的人所建议的那样)但仍然没有。下一部分是上述网站的html的一部分,我认为会触发这个:

<body>
    <div class="box">
        <h6>Basic Proxy</h1>
            <center>
                <form action="" method="get" accept-charset="utf-8" target="_blank">
                    <input name="url" type="text" class="txt" id="input" placeholder="type url here.." onfocus="this.value='';" />
                    <input type="submit" class="btn" value="Go" />
                </form>
            </center>
            <p class="footer">Instructions: Just type the URL of any web page in the input box above (
                <em>e.g. google.com</em> ) and hit Enter.</p>
            <p class="footer"></p>
    </div>
</body>

提前致谢

1 个答案:

答案 0 :(得分:2)

执行myNewTab.onload = cont() ;然后将其返回值(即cont)设置为undefined时,

myNewTab.onload不正确。因此,该行应为myNewTab.onload = cont;