Code caché dans l'inspecteur d'élement

silou -  
prosthetiks Messages postés 1189 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Je ne comprend pas, je peut voir une partie du code quand je fais clic droit / afficher le code source, mais dans mon inspecteur d'élément il ni a pas la même chose, et il manque une information que pourtant j'arrive a chopper avec un element.innerHTML.search.

Voici le code: my_element.innerHTML.search('Flotte ennemie'), qui me retourne bien sa position.

Par contre je ne peut pas le voir dans l'inspecteur d'élément, donc voila ma question, pourquoi ? Pourquoi l'inspecteur d'élément n'est pas pareil que le code source ? Quelle est la différence ?

Voici l'élément dont je parle dans le code source et dans l'inspecteur d'élément:

Code source: 
<td class="missionFleet">
        <img src="http://gf2.geo.gfsrv.net/cdnad/87d615c4fb395b75ec902b66b7757e.gif"
                          class="tooltipHTML" title="Flotte ennemie|Attaque groupée"
            
        />
</td>


Inspecteur d'élements: 
<td class="missionFleet">
        <img src="http://gf2.geo.gfsrv.net/cdnad/87d615c4fb395b75ec902b66b7757e.gif" class="tooltipHTML" title="">
</td>


L'attribut title n'est pas donné dans l'inspecteur et la closure n'inclu pas un '/' en plus.

Merci pour votre aide :)

A voir également:

6 réponses

Réponse 1 / 6
Utilisateur anonyme
 
salut,

utilise tu JavaScript ou autres ....????

Cela pourrait agir sur les attributs title de tes images, par exemple un plugin jquery de slide

׺°"~'"°º×]|I{*------» LÖBÖTÖ «------*}I|[׺°"~'"°º×
1
Réponse 2 / 6
silou
 
Oui c'est du JS que je code mais c'est quoi le rapport ? Je n'ai rien installer de particulier qui serait susceptible de modifier le comportement de l'inspecteur d'éléments de chrome je pense.
0
Réponse 3 / 6
Utilisateur anonyme
 
Salut,

oui mais le Javascript peut modifier le DOM. Je parlais de Jquery car souvent les plugins modifie l'architecture de la page.

Fais voir ton code JS si tu veux .
0
Réponse 4 / 6
prosthetiks Messages postés 1189 Date d'inscription   Statut Membre Dernière intervention   431
 
L'interpréteur affiche le code... interprété !

Chaque navigateur "comprend" le code à sa façon et l'affiche dans l'interpreteur.

Si on va sur "https://www.w3schools.com/tags/tag_img.asp", on se rend compte que la balise img n'accepte pas d'attribut title.

L'interpréteur l'ignore donc, d'où le fait qu'il ne l'affiche pas.
0
prosthetiks Messages postés 1189 Date d'inscription   Statut Membre Dernière intervention   431
 
idem pour le / final.

l'exemple fourni par le W3C est <img src="smiley.gif" alt="Smiley face" height="42" width="42">

Si tu mets ton doctype en xhtml, tu verras surement apparaître le / final dans ta balise <img/>, mais ce n'est plus le cas en Html5.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 6
silou
 
Mais quel est le rapport avec mon script ? Le sujet porte sur le fait que quand je fait clic droit sur ma page et que j'affiche le code source, il n'est pas le même que le code affiché par l'inspecteur d'élément point, et je comprend pas pourquoi. Que mes scripts tournent ou pas ça change rien.

Configuration: Windows 7 / Chrome 38.0.2125.104
-1
Réponse 6 / 6
silou
 
Si j'ai un script lancé qui modifie le DOM ben quoi ? Il peut retirer un élément, et cet élément ne sera plus visible ni dans le code source, ni dans l'inspecteur d'élément.
-1
Utilisateur anonyme
 
non, juste dans l'inspecteur. Le code source ne change pas !
0
Utilisateur anonyme
 
si tu un doute : 

<body>
		
		<img alt="truc" title="coucou voici ce qui changera" src="http://2.bp.blogspot.com/-FdkqOeXV6FY/T3F6N7yOQ5I/AAAAAAAADps/ldCZkkvvjRc/s320/doudou-cilou-silou4.jpg" />
		<script>
			document.getElementsByTagName("img")[0].setAttribute("title", "");
		</script>
	</body>
0
silou
 
ok donc soit le title est initialisé par le site avec un délai après chargement de page soit un script le retire.

Merci pour vos réponses.
0

Discussions similaires

question pix mot caché
aorum10 -
astrid-g85 -

6 réponses