为什么我的 JavaScript 不工作?

发布于 2024-12-18 13:07:47 字数 1469 浏览 0 评论 0原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

平安喜乐 2024-12-25 13:07:47

它是 document.getElementById,而不是 document.getElementbyId。 (在 JS 中,变量和函数的名称区分大小写)

调试提示:查看 JS 控制台(Google Chrome 和 IE9 中为 F12,Firefox 中为 Ctrl+Shift+K)。在这种情况下,可以看到以下错误:

Debugging console in Google chrome

它显示了错误发生的位置(您的代码中的第 260 行) HTML/JS 代码)以及错误是什么(对象 # 没有方法 getElementbyId)。

It's document.getElementById, not document.getElementbyId. (In JS, name of variables and functions are case-sensitive)

Debugging tip : Look at the JS console (F12 in Google Chrome and IE9, Ctrl+Shift+K in Firefox). In this case, following error can be seen:

Debugging console in Google chrome

It shows where the error happened (line 260 in your HTML/JS code) and what the error is(Object #<HTMLDocument> has no method getElementbyId).

夏了南城 2024-12-25 13:07:47

您会为此讨厌自己,但您使用了 getElementbyId() 而不是 getElementById()。请注意第二个版本中大写的“B”。

You're going to hate yourself for this, but you put getElementbyId() instead of getElementById(). Note the capitalized "B" in the second version.

咆哮 2024-12-25 13:07:47

它是 getElementById,而不是 getElementbyId。注意大写的“B”。

It's getElementById, not getElementbyId. Note the upper case "B".

始终不够 2024-12-25 13:07:47

它的 getElementById 代替了 getElementbyId

Its getElementById in place of getElementbyId

長街聽風 2024-12-25 13:07:47

尝试隐藏然后在滚动上显示一个元素我必须走这条路。基本上我尝试使用窗口,所以我使用“body”

$(document).ready(function() {

$('body').scroll(function() {
 var scroll = $('body').scrollTop();
 if (scroll <= 50 ) {
     console.log(scroll);
   we
    } else {
    $("#label").css('fill', 'none');
    $(".label").addClass(".transition");
 }
 if (scroll <= 150) {
    $(".sizeLG").css('color', '#ffffff');
 } else {
    $(".sizeLG").css('color', '#00000000');
    $(".sizeLG").addClass(".transition");
 }
});

});

Try to hide then show a element on scroll I had to go this route. Basically i tried to use window so I used 'body'

$(document).ready(function() {

$('body').scroll(function() {
 var scroll = $('body').scrollTop();
 if (scroll <= 50 ) {
     console.log(scroll);
   we
    } else {
    $("#label").css('fill', 'none');
    $(".label").addClass(".transition");
 }
 if (scroll <= 150) {
    $(".sizeLG").css('color', '#ffffff');
 } else {
    $(".sizeLG").css('color', '#00000000');
    $(".sizeLG").addClass(".transition");
 }
});

});

殊姿 2024-12-25 13:07:47

确保您在 html 代码中使用的 id 或类相应地带有 .(dot) 或 #(hash) 及其名称。

前任:

   For id:
   html:

  <div  id= idName>
          ****Some code****
   <\div>

  Javascript:
  var VariableName = document.querySelector( "#idName");
   Or
  var VariableName = document.getElementById( "#idName");

  For class:   
 html:
  <div  id= className>
          ****Some code****
   <\div>
  Javascript
  var VariableName = document.querySelector( ".className");
   Or
  var VariableName = document.getElementById( ".className");

Make sure your id or class you used in html code will accordingly .(dot) Or #(hash) with their name.

Ex:

   For id:
   html:

  <div  id= idName>
          ****Some code****
   <\div>

  Javascript:
  var VariableName = document.querySelector( "#idName");
   Or
  var VariableName = document.getElementById( "#idName");

  For class:   
 html:
  <div  id= className>
          ****Some code****
   <\div>
  Javascript
  var VariableName = document.querySelector( ".className");
   Or
  var VariableName = document.getElementById( ".className");
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文