La programmation dom

16

Comment compter les lignes de texte dans un élément DOM? Puis-je?

Je me demande s'il existe un moyen de compter les lignes à l'intérieur d'un div par exemple. Disons que nous avons un div comme ceci: <div id="content">hello how are you?</div> Selon de nombreux facteurs, le div peut avoir une, deux ou même quatre lignes de texte. Y a-t-il un moyen …

127 javascript html dom

6

Quelle est la différence entre la largeur, la largeur intérieure et la largeur extérieure, la hauteur, la hauteur intérieure et la hauteur extérieure dans jQuery

J'ai écrit un exemple pour voir quelle est la différence, mais ils me montrent les mêmes résultats pour la largeur et la hauteur. <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 …

125 javascript jquery css dom styles

11

Obtenir l'index des nœuds enfants

En javascript pur (c'est-à-dire sans extensions telles que jQuery, etc.), existe-t-il un moyen de déterminer l'index d'un nœud enfant à l'intérieur de son nœud parent sans itérer et comparer tous les nœuds enfants? Par exemple, var child = document.getElementById('my_element'); var parent = child.parentNode; var childNodes = parent.childNodes; var count = …

125 javascript dom

6

innerText vs innerHTML vs label vs text vs textContent vs externalText

J'ai une liste déroulante qui est remplie par Javascript. En décidant quelle devrait être la valeur par défaut à afficher lors du chargement, j'ai réalisé que les propriétés suivantes montraient exactement les mêmes valeurs: innerText innerHtml label text textContent outerText Ma propre recherche montre des tests d'évaluation ou des comparaisons …

124 javascript html dom

5

Obtenir des éléments DOM par nom de classe

J'utilise PHP DOM et j'essaie d'obtenir un élément dans un nœud DOM qui a un nom de classe donné. Quelle est la meilleure façon d'obtenir ce sous-élément? Mise à jour: J'ai fini par utiliser Mechanizepour PHP qui était beaucoup plus facile à travailler.

124 php css dom

9

Obtenir le texte de l'option sélectionnée avec JavaScript

J'ai une liste déroulante comme celle-ci: <select id="box1"> <option value="98">dog</option> <option value="7122">cat</option> <option value="142">bird</option> </select> Comment puis-je obtenir le texte de l'option réelle plutôt que la valeur à l'aide de JavaScript? Je peux obtenir la valeur avec quelque chose comme: <select id="box1" onChange="myNewFunction(this.selectedIndex);" > Mais plutôt que 7122je ne veux …

124 javascript html dom drop-down-menu

8

Obtenir des éléments par attribut lorsque querySelectorAll n'est pas disponible sans utiliser de bibliothèques?

<p data-foo="bar"> Comment pouvez-vous faire l'équivalent de document.querySelectorAll('[data-foo]') où querySelectorAll n'est pas disponible ? J'ai besoin d'une solution native qui fonctionne au moins dans IE7. Je me fiche d'IE6.

123 javascript dom

2

Javascript querySelector et getElementById [fermé]

Fermé . Cette question est basée sur l'opinion . Il n'accepte pas les réponses actuellement. Vous souhaitez améliorer cette question? Mettez à jour la question afin de pouvoir y répondre avec des faits et des citations en éditant ce message . Fermé il y a 5 ans . Améliorez cette …

122 javascript jquery dom

10

Ajout d'une chaîne HTML au DOM

Comment ajouter cette chaîne HTML var str = '<p>Just some <span>text</span> here</p>'; au DIV avec l'ID 'test'qui se trouve dans le DOM? (Btw div.innerHTML += str;n'est pas acceptable.)

121 javascript html dom browser

7

React.js: événement onChange pour contentEditable

Comment écouter un événement de changement pour un contentEditablecontrôle basé sur? 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); …

120 javascript dom contenteditable reactjs

10

Utilisation de querySelectorAll pour récupérer les enfants directs

Je suis capable de faire ceci: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); Autrement dit, je peux récupérer avec succès tous les enfants directs de l' myDivélément qui ont la classe .foo. Le problème, c'est que cela me dérange de devoir inclure le #myDivdans le sélecteur, …

119 javascript dom css-selectors

3

Définir un attribut personnalisé à l'aide de JavaScript

J'utilise The DynaTree (https://code.google.com/p/dynatree) mais j'ai des problèmes et j'espère que quelqu'un pourra m'aider. J'affiche l'arbre sur la page comme ci-dessous: <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 Title <li id="item3" data="icon: …

119 javascript dom dynatree

5

Obtenir un élément par index dans jQuery

J'ai une liste non ordonnée et l'index d'une libalise dans cette liste. Je dois obtenir l' liélément en utilisant cet index et changer sa couleur d'arrière-plan. Est-ce possible sans boucler la liste entière? Je veux dire, y a-t-il une méthode qui pourrait atteindre cette fonctionnalité? Voici mon code, qui, je …

117 jquery dom get

3

Comment rechercher des éléments DOM à l'aide de sélecteurs XPath ou CSS dans les outils de développement Chrome?

Le document http://code.google.com/chrome/devtools/docs/elements.html dit qu'il prend en charge les sélecteurs XPath ou CSS, mais lorsque j'ai essayé, cela ne semblait pas fonctionner pour moi. Quelqu'un sait comment l'utiliser?

116 dom google-chrome google-chrome-devtools

6

Comment puis-je exécuter une directive une fois le rendu du dom terminé?

J'ai un problème apparemment simple sans solution apparente (en lisant la documentation Angular JS) . J'ai une directive Angular JS qui effectue des calculs basés sur la hauteur d'autres éléments DOM pour définir la hauteur d'un conteneur dans le DOM. Quelque chose de similaire se passe dans la directive: return …

115 jquery dom callback angularjs document-ready

Questions marquées «dom»