jQuery document.getElementById()问题

时间:2017-11-27 22:11:09

标签: javascript jquery html

似乎jQuery无法识别我的getElementById()

有我的.js:

$('#start-scraper').click(function() {
var url = document.getElementById("url-value");
getUrlPageContent(url);  
});

有我的HTML代码:

 <div class="container">
    <div class="row">
        <div class="col-lg-6 col-centre" style="padding-top: 20px;">
            <input id="url-value" type="text" placeholder="https://www.google.fr">
            <button class="btn btn-primary" id="start-scraper">Scrap !</button>
        </div>
    </div>
    <div class="clearfix"></div>
</div> 

我的错误是:

Uncaught TypeError: Illegal invocation jquery-3.2.1.min.js:4 
at e (jquery-3.2.1.min.js:4)
at Ab (jquery-3.2.1.min.js:4)
at Ab (jquery-3.2.1.min.js:4)
at Ab (jquery-3.2.1.min.js:4)
at Function.r.param (jquery-3.2.1.min.js:4)
at Function.ajax (jquery-3.2.1.min.js:4)
at getUrlPageContent (scraper.js:7)
at HTMLButtonElement.<anonymous> (scraper.js:21)
at HTMLButtonElement.handle (jquery.min.js:54)
at HTMLButtonElement.j (jquery.min.js:49)

我希望有人能找到我的问题!

2 个答案:

答案 0 :(得分:0)

我假设您想要获取任何用户输入的值。如果是这样,尝试这样的事情。

var url = document.getElementById("url-value").value;  
getUrlPageContent(url);

请记住,您正在抓取输入中键入的内容。您还需要添加某种类型的验证........

答案 1 :(得分:0)

所以,我发现了问题。我之前使用过DOM元素,没有指定我想要使用的值。

有什么对我有用:

$('#start-scraper').click(function() {
  var url = document.getElementById('url-value');
  getUrlPageContent(url.value);
});

我必须在DOM元素中指定我要搜索的内容:getUrlPageContent(url.value)