Analyse HTML en JavaScript?

tousAnalyse HTML en JavaScript?

J'ai une entrée HTML: <h5><font face="times new roman, times, serif" size="7" style="color: #ff9696; ">Sample</font></h5> <ul> </ul>

Je veux extraire tout et passer à des variables javascript. Par exemple, nom de police, taille, couleur de style. Puis-je utiliser RegEx?

J'ai essayé mais aucune utilisation:

<html> 

    <script> 
     var input = '<h5><font face="times new roman, times, serif" size="7" style="color: #ff9696; ">Krishanthan</font></h5> <ul> </ul>'; 
     var div = document.createElement('div'); 

     div.innerHTML = input; 

     var size = div.getElementsByTagName('size')[0]; 
     var text = size.innerText || size.textContent; 

     alert(text); 
    </script> 

</html>

S'il vous plaît me donner quelques suggestions ...

Merci.

Source

2012-08-15 Gobi

Utilisez l'un des [Javascript HTML Parsers] (https://www.google.com/search?q=javascript+html+parser) qui sont déjà disponibles. –

si vous devez analyser du code HTML arbitraire, vous ne pouvez pas utiliser d'expressions régulières. Si vous utilisez un petit sous-ensemble de constructions HTML, alors peut-être, mais cela dépend exactement quelles fonctionnalités de HTML vous maintenez. Si vous voulez plus d'aide, vous devez nous donner plus de détails sur ce que vous essayez d'accomplir. –

Il semble que vous deviez en apprendre un peu plus sur le DOM. 'size' est un ** attribut ** de l'élément' font', ce n'est pas un tag. Obtenez une référence à l'élément 'font' et utilisez' getAttribute' pour accéder à l'attribut. –

Vous avez la bonne idée, mais vous traitez size comme un élément, alors qu'en réalité il est un attribut de l'élément font.

var input = '<h5><font face="times new roman, times, serif" size="7" style="color: #ff9696; ">Krishanthan</font></h5> <ul> </ul>'; 
var div = document.createElement('div'); 

div.innerHTML = input; 

var fontEl = div.getElementsByTagName('font')[0]; 
var size = fontEl.getAttribute('size'); 

alert(size);

Source

2012-08-15 22:58:42 Domenic

Merci beaucoup ouais ça marche ........... !!!!! Il semble que je suis très pauvre en DOM :(. Pouvez-vous suggérer des livres pour apprendre HTML DOM à partir de base ... Merci encore – Gobi

Analyse HTML en JavaScript?

Répondre

Questions connexes