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

标签 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>

提前致谢

最佳答案

myNewTab.onload = cont() ; 是不正确的,因为您正在执行 cont 然后将其返回值(即 undefined)设置为myNewTab.onload。因此,该行应该是 myNewTab.onload = cont;

关于javascript - 为什么我无法在 javascript 中获取元素的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28425829/

相关文章:

javascript - 将文本/标题添加到缩略图 slider

database - GWT客户端HTML5数据库存储(Web SQL Database)

javascript - RxJS:每次返回并行 http 请求时更新客户端

javascript - 尝试以 react 形式理解和解决 ExpressionChangedAfterItHasBeenCheckedError

javascript - 这种无缝的选框风格让每一卷都感到不安

javascript - 创建和分派(dispatch)自定义 Javascript 事件是否被认为是一种好的做法?

javascript - 如何在 Firefox 扩展中将 HTML 字符串转换为 DOM 对象?

javascript - Webkit - 动态创建的样式表 - 它什么时候真正加载?

javascript - 正常表单提交正确但ajax表单提交为空

javascript - 使用包装闭包模拟 AJAX 延迟