Запитання з тегом «dom»

Модель об'єкта документа (DOM) - це спосіб програмного посилання на елементи мови розмітки, такі як XML та HTML. Використовуйте за допомогою [javascript] або будь-якої іншої мови програмування, що має аналізатор DOM



8
Як я можу отримувати сповіщення, коли елемент доданий на сторінку?
Я хочу, щоб функція мого вибору була запущена, коли на сторінку додано елемент DOM. Це в контексті розширення для браузера, тому веб-сторінка працює незалежно від мене, і я не можу змінити її джерело. Які тут мої варіанти? Я здогадуюсь, що теоретично я міг би просто використовувати setInterval()для постійного пошуку присутності …


10
Як я можу перевірити html-елемент, який зникає з DOM на втраченому фокусі?
Я намагаюсь перевірити властивості CSS із введення в комірку таблиці. Вхід з’являється при натисканні і зникає при втраченій фокусі, як коли я намагаюся його перевірити. Як я можу це зробити, щоб не втратити фокус під час переходу до іншого вікна (інспектор)?
137 html  css  dom 

15
Найкраща практика: Доступ до елементів форми за HTML-атрибутом чи атрибутом імені?
Як знає будь-який досвідчений розробник JavaScript, існує багато (занадто багато) способів зробити те саме. Наприклад, скажіть, що у вас є текстове поле наступним чином: <form name="myForm"> <input type="text" name="foo" id="foo" /> Є багато способів отримати доступ до цього в JavaScript: [1] document.forms[0].elements[0]; [2] document.myForm.foo; [3] document.getElementById('foo'); [4] document.getElementById('myForm').foo; ... and …
136 javascript  html  forms  dom 

3
Різниця між document.addEventListener та window.addEventListener?
Під час використання PhoneGap у нього є якийсь код JavaScript за замовчуванням, який використовується document.addEventListener, але у мене є власний код, який використовує window.addEventListener: function onBodyLoad(){ document.addEventListener("deviceready", onDeviceReady, false); document.addEventListener("touchmove", preventBehavior, false); window.addEventListener('shake', shakeEventDidOccur, false); } У чому різниця і що краще використовувати?

2
Отримайте елемент у визначеній позиції - JavaScript
Як за допомогою Javascript я можу визначити елемент у заданій позиції? В основному я шукаю написати функцію, яка приймає два вхідні параметри (координати x і y) і повертає html-елемент у положення на екрані, представлене параметрами.
133 javascript  html  dom 

5
querySelector, елемент підключення підстановки?
Чи є спосіб зрівняти ім'я елемента підстановки за допомогою querySelectorабо querySelectorAll? Я бачу підтримку підстановних знаків у запитах атрибутів, але не для самих елементів. Документ XML, який я намагаюся розібрати, - це в основному плоский список властивостей, і мені потрібно знайти елементи, які мають певні рядки у своїх назвах. Я …

5
Компіляція динамічних рядків HTML із бази даних
Ситуація Вкладений у наш додаток Angular - це директива під назвою Page, підкріплена контролером, яка містить div з атрибутом ng-bind-html-unsafe. Це присвоєно варі $ діапазону під назвою 'pageContent'. Цей вар отримує динамічно генерований HTML з бази даних. Коли користувач переходить на наступну сторінку, робиться виклик до БД, і varCortent page …

6
nodeValue vs innerHTML та textContent. Як вибрати?
Я використовую звичайний js для зміни внутрішнього тексту елемента мітки, і я не був впевнений, на яких підставах я повинен використовувати innerHTML або nodeValue або textContent. Мені не потрібно створювати новий вузол або змінювати елементи HTML або щось інше - просто замініть текст. Ось приклад коду: var myLabel = document.getElementById("#someLabel"); …

7
Як створити посилання за допомогою javascript?
У мене є рядок для заголовка і рядок для посилання. Я не впевнений, як з'єднати ці два, щоб створити посилання на сторінці за допомогою Javascript. Будь-яка допомога вдячна. EDIT1: Додавання детальніше до питання. Я намагаюся розібратися в цьому, тому що у мене є RSS-канал і список списків URL-адрес назв та …

2
Різниця між window.location.href, window.location.replace і window.location.assign
Яка різниця між window.location.href="http://example.com"; window.location.replace("http://example.com"); window.location.assign("http://example.com"); Я читав на багатьох форумах, що window.location.assign()просто замінює поточну історію сеансів, і, отже, кнопка повернення браузера не буде працювати. Однак я не в змозі відтворити це. function fnSetVariable() { //window.location.href = "http://example.com"; window.location.replace("http://example.com"); //window.location.assign("http://example.com"); } <a onmouseover="fnSetVariable();" href="PageCachingByParam.aspx?id=12" > CLICK </a>
128 javascript  dom  location 

8
Як переключити клас елемента в чистому JavaScript?
Я шукаю спосіб перетворити цей код jQuery (який використовується у розділі меню, що реагує) на чистий JavaScript. Якщо важко реалізувати, нормально використовувати інші рамки JavaScript. $('.btn-navbar').click(function() { $('.container-fluid:first').toggleClass('menu-hidden'); $('#menu').toggleClass('hidden-phone'); if (typeof masonryGallery != 'undefined') masonryGallery(); });
128 javascript  dom  toggle 

5
JavaScript отримує елемент по імені
Розглянемо цю функцію: function validate() { var acc = document.getElementsByName('acc').value; var pass = document.getElementsByName('pass').value; alert (acc); } І ця частина HTML: <table border="0" cellpadding="2" cellspacing="0" valign="top"> <tr> <td class="td1">Account</td> <td class="td2"><input type="text" name="acc" /></td> </tr> <tr class="td1"> <td>Password</td> <td class="td2"><input type="password" name="pass" /></td> </tr> </table> <div><button onClick="validate()" class="cupid-greenx">Login now</button></div> Вікно …
127 javascript  html  dom 

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.