Вопросы с тегом «dom»

Объектная модель документа (DOM) - это способ программно ссылаться на элементы языка разметки, такого как XML и HTML. Используйте с [javascript] или любым другим языком программирования, который имеет синтаксический анализатор DOM

25
Проверить, содержит ли элемент класс в JavaScript?
Используя простой JavaScript (не jQuery), есть ли способ проверить, содержит ли элемент класс? В настоящее время я делаю это: var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": test.innerHTML = …
588 javascript  html  css  dom 
16
JQuery найти обработчики событий, зарегистрированных с объектом
На этот вопрос есть ответы на Переполнение стека на русском : JQuery поиск обработчика событий объекта Мне нужно найти, какие обработчики событий зарегистрированы для объекта. Например: $("#el").click(function() {...}); $("#el").mouseover(function() {...}); $("#el")зарегистрирован клик и наведение мыши . Есть ли функция, чтобы узнать это и, возможно, перебрать обработчики событий? Если это невозможно …
555 jquery  events  dom 
9
Почему jQuery или метод DOM, такой как getElementById, не находят элемент?
Каковы возможные причины того document.getElementById, что $("#id")любой другой селектор метода DOM / jQuery не находит элементы? Примеры проблем включают в себя: JQuery молча не удается связать обработчик событий JQuery "геттерные" методы ( .val(), .html(), .text()) возвращениеundefined Стандартный метод DOM, возвращающий в nullрезультате любую из нескольких ошибок: Uncaught TypeError: Невозможно установить …
483 javascript  jquery  dom 
12
Каков наиболее эффективный способ создания элементов HTML с использованием jQuery?
В последнее время я делал много модальных всплывающих окон и что нет, для чего я использовал jQuery. Метод, который я использовал для создания новых элементов на странице, в подавляющем большинстве случаев был следующим: $("<div></div>"); Однако у меня возникает ощущение, что это не самый лучший или самый эффективный способ сделать это. …
426 javascript  jquery  html  dom 
24
Как я могу проверить, существует ли элемент в видимом DOM?
Как вы проверяете элемент на существование без использования getElementByIdметода? Я установил живую демонстрацию для справки. Я также напечатаю код здесь: <!DOCTYPE html> <html> <head> <script> var getRandomID = function (size) { var str = "", i = 0, chars = "0123456789abcdefghijklmnopqurstuvwxyzABCDEFGHIJKLMNOPQURSTUVWXYZ"; while (i < size) { str += chars.substr(Math.floor(Math.random() * …
16
Как программно установить значение элемента select box, используя JavaScript?
У меня есть следующий <select>элемент HTML : <select id="leaveCode" name="leaveCode"> <option value="10">Annual Leave</option> <option value="11">Medical Leave</option> <option value="14">Long Service</option> <option value="17">Leave Without Pay</option> </select> Используя функцию JavaScript с leaveCodeчислом в качестве параметра, как выбрать соответствующую опцию в списке?
421 javascript  html  dom 
30
Обнаружение щелчка за пределами компонента React
Я ищу способ определить, произошло ли событие щелчка за пределами компонента, как описано в этой статье . jQuery closest () используется, чтобы увидеть, имеет ли цель из события click элемент dom в качестве одного из его родителей. В случае совпадения событие click принадлежит одному из дочерних элементов и, следовательно, не …
412 javascript  dom  reactjs 
5
В чем разница между свойствами и атрибутами в HTML?
После изменений, внесенных в jQuery 1.6.1, я пытался определить разницу между свойствами и атрибутами в HTML. Глядя на список заметок о выпуске jQuery 1.6.1 (внизу), кажется, что можно классифицировать свойства и атрибуты HTML следующим образом: Свойства: Все, которое имеет логическое значение или рассчитывается UA, например selectedIndex. Атрибуты: «Атрибуты», которые можно …
12
Для цикла для элементов HTMLCollection
Я пытаюсь установить получить идентификатор всех элементов в HTMLCollectionOf. Я написал следующий код: var list = document.getElementsByClassName("events"); console.log(list[0].id); for (key in list) { console.log(key.id); } Но я получил следующий вывод в консоли: event1 undefined это не то, что я ожидал. Почему второй вывод консоли, undefinedа первый вывод консоли event1?
406 javascript  dom 
12
Нарушение инварианта: _registerComponent (…): целевой контейнер не является элементом DOM
Я получаю эту ошибку после создания тривиального примера страницы React: Uncaught Ошибка: Инвариантное нарушение: _registerComponent (...): Целевой контейнер не является элементом DOM. Вот мой код: /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App = React.createClass({ render() { return <h1>Yo</h1>; } }); React.renderComponent(<App />, document.body); HTML: <html> …
388 javascript  dom  reactjs 
4
Понимание offsetWidth, clientWidth, scrollWidth и -Height соответственно
В StackOverflow есть несколько вопросов, касающихся offsetWidth / clientWidth / scrollWidth (и -Height соответственно), но ни один из них не дает исчерпывающего объяснения того, что представляют собой эти значения. Кроме того, в Интернете есть несколько источников, которые вводят в заблуждение или неверную информацию. Можете ли вы дать полное объяснение, включая …
385 html  css  dom 
18
Проверьте, видим ли элемент в DOM
Есть ли способ проверить, видим ли элемент в чистом JS (нет jQuery)? Так, например, на этой странице: Performance Bikes , если вы наводите курсор мыши на Deals (в верхнем меню), появляется окно сделок, но в начале оно не отображалось. Это в HTML, но это не видно. Итак, учитывая элемент DOM, …
379 javascript  dom 
5
Почему концепция React Virtual DOM считается более производительной, чем грязная проверка моделей?
Я видел выступление разработчика React ( Пит Хант: React: переосмысление лучших практик - JSConf EU 2013 ), и докладчик отметил, что проверка модели может быть медленной. Но не является ли вычисление различий между виртуальными DOM на самом деле еще менее производительным, поскольку виртуальная DOM в большинстве случаев должна быть больше, …
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.