Javascript jQuery document.getElementById（）问题

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)

uncaughttypeerror:非法调用jquery-3.2.1.min.js:4
at e（jquery-3.2.1.min.js:4）
在Ab（jquery-3.2.1.min.js:4）
在Ab（jquery-3.2.1.min.js:4）
在Ab（jquery-3.2.1.min.js:4）
在Function.r.param（jquery-3.2.1.min.js:4）
在Function.ajax（jquery-3.2.1.min.js:4）
在getUrlPageContent（scraper.js:7）
在HTMLButtoneElement。（www.js:21）
位于HTMLButtonElement.handle（jquery.min.js:54）
在HTMLButtonElement.j（jquery.min.js:49）

---

我希望有人会发现我的问题

我假设您想要获取用户输入的值。如果是这样的话，试试这样的方法

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

---

请记住，您正在获取输入中键入的任何内容。您还需要添加某种类型的验证……。

因此，我发现了问题。正如前面有人所说，我使用了DOM元素，但没有指定要使用的值

这就是我的工作：

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

---

我必须指定在DOM元素中搜索的内容：

getUrlPageContent（url.value）

getUrlPageContent的代码是什么？getUrlPageContent（url）的作用是什么do，这就是问题所在-您正在传递一个DOM元素，您的意思是传递输入的值吗？从堆栈跟踪可以清楚地看出，单击处理程序中的第一条语句已经执行，错误在函数中，您没有显示错误消息。另外。。。为什么要将dom节点存储在名为

url

的变量中？只是看起来有点误导。你应该接受@Tim B发布的答案。他的解决方案完全相同，而且他发布得更早。