Запитання з тегом «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 = …
585 javascript  html  css  dom 
16
jQuery знайде обробників подій, зареєстрованих об'єктом
На цей питання є відповіді на Stack Overflow на російському : JQuery пошук пошукових запитів Мені потрібно знайти, які обробники подій зареєстровані над об’єктом. Наприклад: $("#el").click(function() {...}); $("#el").mouseover(function() {...}); $("#el")має кнопку і MouseOver зареєстрований. Чи є якась функція дізнатися це і, можливо, повторити його над обробниками подій? Якщо неможливо на …
555 jquery  events  dom 
9
Чому jQuery або метод DOM, такий як getElementById, не знаходить елемент?
Які можливі причини document.getElementById, $("#id")або будь-який інший метод DOM / селектор jQuery не знайшов елементів? Приклад проблем: jQuery мовчки не вдається зв’язати обробник подій JQuery "гетерні" методи ( .val(), .html(), .text()) поверненняundefined Стандартний метод повернення DOM, що nullпризводить до будь-якої з декількох помилок: Uncaught TypeError: Неможливо встановити властивість '...' of …
483 javascript  jquery  dom 
12
Який найефективніший спосіб створити HTML-елементи за допомогою jQuery?
Останнім часом я роблю багато модальних спливаючих вікон, а що ні, для чого я використовував jQuery. Метод, який я використовував для створення нових елементів на сторінці, в основному був уздовж наступних напрямків: $("<div></div>"); Однак у мене виникає відчуття, що це не найкращий чи найефективніший спосіб зробити це. Який найкращий спосіб …
425 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() * 62), …
16
Як я можу програматично встановити значення елемента виділення за допомогою JavaScript?
У мене є такий HTML- <select>елемент: <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номером в якості параметра, як вибрати відповідний варіант у списку?
420 javascript  html  dom 
30
Виявити клацання поза компонентом React
Я шукаю спосіб виявити, чи відбулася подія клацання поза компонентом, як описано в цій статті . jQuery najbliže () використовується для того, щоб побачити, чи має ціль із події клацання елемент dom як один із батьків. Якщо є відповідність, подія клацання належить одному з дітей і, таким чином, не вважається …
410 javascript  dom  reactjs 
5
Чим відрізняються властивості та атрибути в HTML?
Після змін, внесених у jQuery 1.6.1, я намагався визначити різницю між властивостями та атрибутами в HTML. Переглядаючи список приміток до випуску jQuery 1.6.1 (біля нижньої частини), здається, що можна класифікувати властивості та атрибути HTML таким чином: Властивості: все, що має або булеве значення, або розраховане UA, наприклад, вибранийIndex. Атрибути: "Атрибути", …
12
Для циклу для елементів HTMLCollection
Я намагаюся встановити ідентифікатор всіх елементів у an HTMLCollectionOf . Я написав наступний код: var list = document.getElementsByClassName("events"); console.log(list[0].id); for (key in list) { console.log(key.id); } Але в консолі я отримав такий вихід: event1 undefined що не те, чого я очікував. Чому вихід другої консолі, undefinedале перший вихід консолі event1?
405 javascript  dom 
12
Інваріантне порушення: _registerComponent (…): Цільовий контейнер не є елементом DOM
Я отримую цю помилку після створення тривіальної прикладу сторінки React: Неприхована помилка: Інваріантне порушення: _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> …
387 javascript  dom  reactjs 
4
Розуміння зміщення ширини, ширини клієнта, ширини прокрутки та -висоти відповідно
Існує кілька питань щодо StackOverflow щодо offsetWidth / clientWidth / scrollWidth (і -Height відповідно), але жодне не дає вичерпного пояснення, що це за значення. Також в Інтернеті є кілька джерел, які дають заплутану або неправильну інформацію. Чи можете ви дати повне пояснення, включаючи деякі візуальні підказки? Крім того, як ці …
385 html  css  dom 
18
Перевірте, чи елемент видно в DOM
Чи я можу перевірити, чи елемент видно в чистому JS (немає jQuery)? Так, наприклад, на цій сторінці: Велосипеди продуктивності , якщо навести курсор миші на Пропозиції (у верхньому меню), з’явиться вікно угод, але на початку воно не відображалося. Він знаходиться в HTML, але його не видно. Отже, даючи елемент DOM, …
377 javascript  dom 
5
Чому концепція React Virtual DOM вважається більш ефективною, ніж брудна перевірка моделі?
Я побачив розмову про реагентів ( Pete Hunt: React: Переосмислення найкращих практик - JSConf EU 2013 ) і спікер зазначив, що брудна перевірка моделі може бути повільною. Але чи не обчислення різниці між віртуальними DOM насправді навіть менш ефективно, оскільки віртуальна DOM у більшості випадків повинна бути більшою, ніж модель? …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.