TypeError: невозможно прочитать свойство 'css' of null

Я пытаюсь установить минимальную высоту моего элемента div, ссылаясь на его имя класса, но возвращается с ошибкой: TypeError: не может прочитать свойство 'css' of null.TypeError: невозможно прочитать свойство 'css' of null

HTML элемент:

<div class="container contentContainer" id="topContainer"> 
     <div class="row"> 
      <div class="col-md-6 col-md-offset-3" id="topRow"> 
       <p class="bold">Please scroll down for more information </p> 
      </div> 
     </div> 
    </div>

Javascript:

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 

<script> 
    $(function() { 
     var x = document.getElementsByClassName("contentContainer"); 
     alert(x); 
     if(x != null) 
     { 
      $(".contentContainer").css('min-height',$(window).height()); 
     } 
    }); 
</script>

Любые предложения о том, почему я получаю эту ошибку? Пожалуйста, дайте мне знать.

Проблемы возникает, когда я включаю мой внешний файл JavaScript:

<!-- <script type="text/javascript" src="js/monthly.js"></script> -->

источник

2015-01-11 Neophile

Добавлен ли скрипт с jQuery? –

Да, да. Это неправильно? – Neophile

jQuery явно не загружен, так как вам пришлось удалить '$ (function() {...}', чтобы заставить ваш код работать. – Teemu

Вы загружаете jQuery и Bootstrap в одно и то же время, и они оба clobber символ $; использовать только JQuery вы бы использовать каноническое имя:

jQuery(".contentContainer") 
    .css('min-height', jQuery(window).height());

Или используйте обертку:

jQuery(function($) { 
    $(".contentContainer").css('min-height',$(window).height()); 
});

источник

2015-01-11 14:20:33

Я включил последнюю версию jQuery, используя .. Тем не менее это не Работа. – Neophile

@ TheNewbie Затем он не загружен в нужном месте; убедитесь, что он загружен * над * тегом '

Это синтаксис JQuery.

$(window).height();

Вам нужно будет включить JQuery или использовать встроенную версию JavaScript:

window.innerHeight;

Для того, чтобы использовать JQuery, вам нужно будет включить jQuery library

источник

2015-01-11 14:05:48

Как это связано с проблемой OP? – Teemu

На первый взгляд, похоже, что он использовал синтаксис jQuery, который давал ошибки. –

Вы получали ошибку на JSFiddle, потому что вы не включили jQuery.

Updated Fiddle

На левом навигационном-бар, есть раздел, который говорит, что "Каркасы & Расширения". Вам необходимо выбрать

jQuery (edge)

Или любая версия jQuery из этого раскрывающегося списка.

JSFiddle side-bar

Потому что вы не включили JQuery, то $ конструктор не существует, поэтому ошибка

TypeError: cannot read property 'css' of null.

был брошен, потому что вы пытаетесь получить доступ к свойству несуществующего (null).

источник

2015-01-11 14:19:24 theonlygusti

Но я включил jQuery. – Neophile

@ TheNewbie Не в вашем JSFiddle, вы этого не делаете. – theonlygusti

Если '$' не существует, вы получите опорную ошибку, а не ошибку типа. –

var x = document.getElementsByClassName("contentContainer");

Возвращает массив элементов, имеющих этот класс. Получите доступ к требуемому элементу, как в обычном массиве.

x[0]  //The first element, if there is any.

источник

2015-01-11 14:22:50 bluefog

Если вы наберете $ [ENTER] на консоли браузера вы получите что-то вроде

function (a,b){return new e.fn.init(a,b,h)

Если селектор $ ('contentContainer') возвращает нуль, а не объект, содержащий функцию CSS, возможно, $ не ссылается на jQuery или был изменен между вами, где вы включаете jquery.js и код, который вы пытаетесь запустить.

источник

2015-01-11 14:36:54 filipemgs

Смежные вопросы

TypeError: невозможно прочитать свойство 'css' of null

ответ

Смежные вопросы