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

Чи можна .jsсинхронно викликати файл, а потім використовувати його відразу після цього? <script type="text/javascript"> var head = document.getElementsByTagName('head').item(0); var script = document.createElement('script'); script.setAttribute('type', 'text/javascript'); script.setAttribute('src', 'http://mysite/my.js'); head.appendChild(script); myFunction(); // Fails because it hasn't loaded from my.js yet. window.onload = function() { // Works most of the time but not all …

81 javascript  dom  synchronous 

Спосіб реагування, щоб встановити, який параметр буде обраний для поля вибору, полягає у встановленні спеціального valueопису на самому <select>собі, що відповідає valueатрибуту <option>елемента, який ви хочете вибрати. Для multipleвибору цей проп може замість нього прийняти масив. Тепер, оскільки це спеціальний атрибут, мені цікаво, яким є канонічний спосіб отримати вибрані параметри …

81 javascript  dom  reactjs 

У мене є проект, в якому мені потрібно створити елемент <iframe> за допомогою JavaScript і додати його до DOM. Після цього мені потрібно вставити трохи вмісту в <iframe>. Це віджет, який буде вбудований на сторонні веб-сайти. Я не встановлюю атрибут "src" для <iframe>, оскільки не хочу завантажувати сторінку; скоріше, він …

80 javascript  internet-explorer  dom  iframe  document 

Я намагаюся використовувати jQuery, щоб зробити запит ajax на основі вибраної опції. Чи існує простий спосіб отримати вибраний ідентифікатор опції (наприклад, "id2") за допомогою jQuery? <select id="my_select"> <option value="o1" id="id1">Option1</option> <option value="o2" id="id2">Option2</option> </select> $("#my_select").change(function() { //do something with the id of the selected option });

80 jquery  dom  jquery-selectors 

На практиці, які переваги використання createElement перед innerHTML? Я запитую, бо я впевнений, що використання innerHTML є більш ефективним з точки зору продуктивності та читабельності / ремонтопридатності коду, але мої товариші по команді вирішили використовувати createElement як підхід до кодування. Я просто хочу зрозуміти, як createElement може бути більш ефективним.

80 javascript  dom  innerhtml  createelement 

Якщо ми спробуємо зробити такий код: <td [colspan]="1 + 1">Column</td> або це: <td colspan="{{1 + 1}}">Column</td> Незабаром ми з’ясовуємо, що " colspanце не відомий рідний атрибут". З документів A2 ми дізнаємось, що: елемент не має властивості colspan. Він має атрибут "colspan", але інтерполяція та прив'язка властивостей можуть встановлювати лише властивості, …

80 javascript  angular  dom 

Я хотів би зрозуміти взаємозв'язок між об'єктом jQuery та елементом DOM .. Коли jQuery повертає елемент, він відображається як [object Object]попередження. Коли getElementByIDповертає елемент, він відображається як [object HTMLDivElement]. Що це саме означає? Я маю на увазі, що вони обидва об’єкти з різницею? Також які методи можуть працювати на об’єкті …

79 javascript  dom  jquery 

Чи є спосіб отримати колекцію всіх textNodeоб’єктів у документі? getElementsByTagName()чудово працює для Elements, але textNodes не є Elements. Оновлення: Я усвідомлюю, що цього можна досягти, пройшовши DOM - як пропонують багато внизу. Я знаю, як написати функцію DOM-walker, яка переглядає кожен вузол у документі. Я сподівався, що існує якийсь власний …

79 javascript  dom  dhtml  textnode 

У мене є конструкція HTML, яка нагадує такий код: <div id='intro'> <svg> //draw some svg elements <svg> </div> Я хочу мати можливість додавати деякі елементи до SVG, визначеного вище, за допомогою javascript та DOM. Як би я це зробив? Я думав про це var svg1=document.getElementById('intro').getElementsByTagName('svg'); svg1[0].appendChild(element);//element like <line>, <circle> Я …

79 javascript  html  dom  svg 

Мені потрібно знайти індекс елемента всередині його контейнера за посиланням на об’єкт. Дивно, але я не можу знайти легкого шляху. Жодного jQuery, будь ласка - лише DOM. UL LI LI LI - my index is 2 LI Так, я міг би присвоїти ідентифікатори кожному елементу та прокрутити всі вузли відповідно …

78 javascript  html  dom  parent-child 

Зараз я завантажую зображення, вставлені з буфера обміну з таким кодом: // Turns out getAsFile will return a blob, not a file var blob = event.clipboardData.items[0].getAsFile(), form = new FormData(), request = new XMLHttpRequest(); form.append("blob",blob); request.open( "POST", "/upload", true ); request.send(form); Виходить завантажене поле форми з отриманням імені, подібного до …

78 javascript  dom  google-chrome  form-data 

У мене є елемент DOM з ідентифікатором, подібним до: something[500] який був побудований моїм додатком Ruby on Rails. Мені потрібно мати можливість отримати цей елемент через jQuery, щоб я міг пройти шлях по DOM, щоб видалити батька батьківського елемента, який має ідентифікатор змінної, до якого я не маю доступу заздалегідь. …

77 javascript  jquery  ruby-on-rails  dom 

У мене запитання щодо великої кількості домашніх ельменетів та продуктивності. Скажімо, у мене на сторінці 6000 елементів dom, і кількість елементів можна збільшити, коли користувач взаємодіє зі сторінкою (користувач прокручує сторінку, щоб створити новий елемент dom), як твіттер. Для підвищення продуктивності сторінки я можу думати лише про дві речі. встановіть …

77 javascript  performance  dom 

Це отримує значення того, що було вибрано в моєму спадному меню. document.getElementById('newSkill').value Однак я не можу з’ясувати, за якою властивістю слід звертатися до тексту, який наразі відображається у спадному меню. Я спробував "текст", потім подивився на W3Schools, але на це не було відповіді. Хтось тут знає? Для тих, хто не …

77 javascript  dom  browser  client-side 

Оскільки element.classListне підтримується в IE 9 та Safari-5, яке альтернативне рішення між браузерами? Без фреймворків, будь ласка. Рішення має працювати принаймні в IE 9 , Safari 5 , FireFox 4, Opera 11.5 та Chrome. Пов’язані повідомлення (але не містить рішення): як додати та видалити клас css - Додавання та видалення …

75 javascript  dom  cross-browser