Програмування dom

16

Як я можу рахувати текстові рядки всередині елемента DOM? Можна я?

Мені цікаво, чи є спосіб, наприклад, порахувати рядки всередині div. Скажіть, у нас є такий дів: <div id="content">hello how are you?</div> Залежно від багатьох факторів, div може мати один, два, а то й чотири рядки тексту. Чи є сценарій знати? Іншими словами, чи взагалі в DOM представлені автоматичні перерви?

127 javascript html dom

11

Отримайте індекс дочірнього вузла

Чи існує в прямому режимі JavaScript (тобто відсутні розширення, такі як jQuery тощо), чи можна визначити індекс дочірнього вузла всередині його батьківського вузла, не повторюючи і не порівнюючи всі дочірні вузли? Наприклад, var child = document.getElementById('my_element'); var parent = child.parentNode; var childNodes = parent.childNodes; var count = childNodes.length; var child_index; …

125 javascript dom

6

innerText vs innerHTML vs мітка vs текст vs textContent vs externalText

У мене є випадаючий список, який заповнений Javascript. Вирішуючи, яким має бути значення за замовчуванням для відображення при навантаженні, я зрозумів, що наступні властивості показали абсолютно однакові значення: innerText innerHtml label text textContent outerText У моєму власному дослідженні показано стендове тестування або порівняння між кількома з них, але не всіми. …

124 javascript html dom

5

Отримання елементів DOM за назвою класу

Я використовую PHP DOM і намагаюся отримати елемент у вузлі DOM, який має задане ім’я класу. Який найкращий спосіб отримати цей піделемент? Оновлення: я закінчив використовувати Mechanizeдля PHP, з яким було набагато простіше працювати.

124 php css dom

6

Яка різниця між шириною, внутрішньою шириною та зовнішньою шириною, висотою, внутрішньою та зовнішньою висотою в jQuery

Я написав якийсь приклад, щоб побачити, в чому різниця, але вони показують мені однакові результати по ширині та висоті. <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ var div = $('.test'); var width = div.width(); // 200 px var innerWidth = div.innerWidth(); // 200px var outerWidth = div.outerWidth(); // 200px …

124 javascript jquery css dom styles

9

Отримайте вибраний текст опції за допомогою JavaScript

У мене такий список випадає: <select id="box1"> <option value="98">dog</option> <option value="7122">cat</option> <option value="142">bird</option> </select> Як я можу отримати фактичний текст опції, а не значення за допомогою JavaScript? Я можу отримати значення приблизно таким чином: <select id="box1" onChange="myNewFunction(this.selectedIndex);" > Але швидше, ніж 7122я хочу cat.

124 javascript html dom drop-down-menu

8

Отримати елементи за атрибутом, коли querySelectorAll недоступний без використання бібліотек?

<p data-foo="bar"> Як можна зробити еквівалент document.querySelectorAll('[data-foo]') де querySelectorAll це не доступно ? Мені потрібно рідне рішення, яке працює принаймні в IE7. Мене не хвилює IE6.

123 javascript dom

10

Додавання рядка HTML до DOM

Як додати цей рядок HTML var str = '<p>Just some <span>text</span> here</p>'; до DIV з ідентифікатором, 'test'який знаходиться в DOM? (Btw div.innerHTML += str;не прийнятний.)

121 javascript html dom browser

2

Запит JavascriptSelector vs. getElementById [закрито]

Закрито . Це питання ґрунтується на думці . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб на нього можна було відповісти фактами та цитатами, відредагувавши цю публікацію . Закрито 5 років тому . Удосконаліть це питання Я чув, що querySelector& querySelectorAllнові методи вибору DOMелементів. Як вони порівнюються …

121 javascript jquery dom

7

React.js: onChange подія для contentEditable

Як я слухаю, щоб змінити подію для contentEditableкерування на базі? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); http://jsfiddle.net/NV/kb3gN/1621/

120 javascript dom contenteditable reactjs

3

Встановити спеціальний атрибут за допомогою JavaScript

Я використовую The DynaTree (https://code.google.com/p/dynatree), але у мене виникають деякі проблеми і сподіваюся, що хтось може допомогти. Я відображаю дерево на сторінці, як показано нижче: <div id="tree"> <ul> <li class="folder">Outputs <ul> <li id="item1" data="icon: 'base.gif', url: 'page1.htm', target: 'AccessPage'">Item 1 Title <li id="item2" data="icon: 'base.gif', url: 'page2.htm', target: 'AccessPage'">Item 2 …

119 javascript dom dynatree

10

Використання querySelectorAll для отримання прямих дітей

Я вмію це робити: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); Тобто я можу успішно отримати всіх прямих дітей myDivелемента, які мають клас .foo. Проблема полягає в тому, що мене турбує те, що я повинен включати #myDivв селектор, тому що я виконую запит на myDivелементі (тому …

119 javascript dom css-selectors

5

Отримайте елемент за індексом у jQuery

У мене в цьому списку є не упорядкований список та індекс liтегу. Я повинен отримати liелемент за допомогою цього індексу та змінити його колір тла. Чи можливо це без циклічного циклу? Я маю на увазі, чи є якийсь метод, який міг би досягти цієї функціональності? Ось мій код, який, на …

117 jquery dom get

3

Як шукати елементи DOM за допомогою селекторів XPath або CSS в Інструментах для розробників Chrome?

Документ http://code.google.com/chrome/devtools/docs/elements.html каже, що він підтримує XPath або CSS-селектори, але коли я спробував, здається, це не працює для мене. Хтось знає, як ним користуватися?

116 dom google-chrome google-chrome-devtools

6

Як я можу запустити директиву після того, як dom закінчить надання?

У мене, здавалося б, проста проблема, без очевидних (читання документів Angular JS) . У мене є кутова директива JS, яка робить деякі обчислення на основі висоти інших елементів DOM для визначення висоти контейнера в DOM. Щось подібне до цього відбувається всередині директиви: return function(scope, element, attrs) { $('.main').height( $('.site-header').height() - …

115 jquery dom callback angularjs document-ready

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