[DOM] Question simple en DOM

**Calvein** · 23/12/2008, 17h59

Voici un code d'exemple pour illustrer :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<div id='1' class='chapter'>
	<div class='chap_title'>
	<?php if ( $unevar = true ) { ?>
		<a href="#">
			test1
		</a>
	<?php } else { ?>
		test2
	<?php } ?>
<div id='2' class='chapter'>
	<div class='chap_title'>
	<?php if ( $unevar = true ) { ?>
		<a href="#">
			test3
		</a>
	<?php } else { ?>
		test4
	<?php } ?>

Je me trouve devant ce problème, depuis l'ID, j'aurai aimé récupérer la valeur test1/2/3/4 en javascript mais je n'y arrive pas :/

**mimagyc** · 23/12/2008, 18h42

J'ai pu faire ceci, c'est un peu "crade" mais faut voir, peut être a améliorer.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
46
47
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<script language="javascript" type="text/javascript">
function recup() {
if (document.getElementsByTagName("a")[0].innerHTML == null) {
val0 = document.getElementsByTagName("div")[1].innerHTML;
val1 = document.getElementsByTagName("div")[3].innerHTML;
}
else
{
val0 = document.getElementsByTagName("a")[0].innerHTML;
val1 = document.getElementsByTagName("a")[1].innerHTML;
}
val = val0+''+val1;
alert(val);
}
 
 
</script>
</head>
 
<body>
 <div id='1' class='chapter'> 
	<div class='chap_title'> 
	<?php if ( $unevar = true ) { ?>
		<a href="#">
			test1
		</a>
	<?php } else { ?>
		test2
	<?php } ?>
<div id='2' class='chapter'> 
	<div class='chap_title'>
	<?php if ( $unevar = true ) { ?>
		<a href="#">
			test3
		</a>
	<?php } else { ?>
		test4
	<?php } ?>
    <p onclick="recup()">test</p>
</body>
</html>