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

Каков наиболее эффективный способ найти дочерний элемент (с классом или идентификатором) определенного родительского элемента, используя только чистый javascript. Нет jQuery или других платформ. В этом случае мне нужно будет найти child1 или child2 родительского элемента , предполагая, что дерево DOM может иметь несколько элементов класса child1 или child2 в дереве. …

142 javascript  dom 

Предположим, что объект jQuery есть $target.

142 jquery  dom 

Я хочу, чтобы функция по моему выбору запускалась, когда на страницу добавляется элемент DOM. Это в контексте расширения браузера, поэтому веб-страница работает независимо от меня, и я не могу изменить ее источник. Какие у меня здесь варианты? Я предполагаю, что теоретически я мог бы просто использовать setInterval()для постоянного поиска присутствия …

142 javascript  dom  event-handling  mutation-observers  change-notification 

В чем разница между $('this')[0].nodeNameи $('this')[0].tagName?

137 javascript  dom 

Я пытаюсь проверить свойства CSS из ввода в ячейку таблицы. Ввод появляется при нажатии и исчезает при потере фокуса, как когда я пытаюсь его проверить. Как мне сделать это, чтобы не потерять фокус при переходе в другое окно (инспектор)?

137 html  css  dom 

Как знает любой опытный разработчик 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 

При использовании PhoneGap он использует некоторый код JavaScript по умолчанию document.addEventListener, но у меня есть собственный код, который использует window.addEventListener: function onBodyLoad(){ document.addEventListener("deviceready", onDeviceReady, false); document.addEventListener("touchmove", preventBehavior, false); window.addEventListener('shake', shakeEventDidOccur, false); } В чем разница и что лучше использовать?

135 javascript  events  dom  event-listener 

Есть ли способ сопоставить имя элемента с подстановочным знаком, используя querySelector или querySelectorAll? Я вижу поддержку подстановочных знаков в запросах атрибутов, но не для самих элементов. XML-документ, который я пытаюсь проанализировать, в основном представляет собой плоский список свойств, и мне нужно найти элементы, в именах которых есть определенные строки. Я …

134 javascript  dom  domparser  selectors-api 

Как с помощью Javascript определить элемент в заданной позиции? В основном я хочу написать функцию, которая принимает два входных параметра (координаты x и y) и возвращает элемент html в позиции на экране, представленной параметрами.

133 javascript  html  dom 

Ситуация В наше приложение Angular вложена директива с именем Page, поддерживаемая контроллером, которая содержит div с атрибутом ng-bind-html-unsafe. Это назначается переменной $ scope с именем pageContent. Этой переменной назначается динамически генерируемый HTML из базы данных. Когда пользователь переходит на следующую страницу, вызывается БД, и для переменной pageContent устанавливается этот новый …

132 html  dom  dynamic  angularjs  compilation 

В чем разница между 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>

129 javascript  dom  location 

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

129 javascript  dom  innerhtml  nodevalue 

У меня есть строка для заголовка и строка для ссылки. Я не уверен, как соединить их вместе, чтобы создать ссылку на странице с помощью Javascript. Любая помощь приветствуется. РЕДАКТИРОВАТЬ1: добавление более подробной информации к вопросу. Причина, по которой я пытаюсь это понять, заключается в том, что у меня есть RSS-канал …

128 javascript  jquery  html  dom  hyperlink 

Я ищу способ преобразовать этот код 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 

Рассмотрим эту функцию: 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