Manque de connaissance générale : code de style de classe javascript ou code de style en balise inopérant

Version imprimable

bonsoir,
pour faire un petit test, je cherche à utiliser ce code ultra simple dans un navigateur moderne (chrome firefox iexplorer)
et il ne marche pas ...
Pourriez vous eclairer ma lanterne ?
merci d'avance

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<HTML>
 
  <HEAD>
 
    <TITLE>title</TITLE>
 
    <LINK REL=STYLESHEET TYPE="text/Javascript"
 
      HREF="http://style.com/cool" TITLE="Cool">
 
    <STYLE TYPE="text/javascript">
 
      tags.H1.color = "blue"
 
    </STYLE>
 
  </HEAD>
 
  <BODY>
 
    <H1>Headline is blue</H1>
 
    <P STYLE="color = 'green'">While the paragraph is green.</P>
 
  </BODY>
 
</HTML>

Aie ! :aie:

Exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
  <meta http-equiv="cache-control" content="public, max-age=60">
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0">
  <meta name="author" content="Daniel Hagnoul">
  <title>Test</title>
 
  <link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
 
  <!-- ??? http://style.com/cool ??? -->
  <!-- <link rel="stylesheet" href="http://chemin/fichier.css"> -->
 
  <style>
 
    h1 {
      color: blue;
    }
    .vert {
      color: green;
      font-family: 'Kaushan Script', cursive;
      font-size: 2rem;
    }
 
  </style>
</head>
<body>
 
  <h1>Un beau titre bleu</h1>
 
  <p class="vert">Un paragraphe vert qui deviendra rouge dans trois secondes.</p>
 
  <script>
 
    /*
     * Après 3 secondes, passe du vert au rouge
     */
    setTimeout( function(){
      document.querySelector( '.vert' ).style.color = 'red';
    }, 3000 ); // 3s
 
  </script>
</body>
</html>

19/02/2016, 12h41
SpaceFrog

Pour coder avec un langage, cela suppose d'utiliser une syntaxe spécifique ...

tags ??? tu réinventes le javascript ?

pour récupérer un element du DOM avec javascript il faut utiliser les méthodes disponibles en javascript ...

document.getElementById
document.getElementsByTagName
document.querySelector
20/02/2016, 15h47
NoSmoking

Bonjour,

Citation:

<LINK REL=STYLESHEET TYPE="text/Javascript" HREF="http://style.com/cool" TITLE="Cool">

peut être serait-il bon, également, de (re)prendre les bases ;)