Modifier un attribut HTML avec JS

nova313

14 Feb 2013 à 18:54

Bonjour à tous,

Je suis en train de concevoir un petit générateur de lorem ipsum, mais j'ai un petit souci.

Ma div qui affiche le texte a un attribut "data", qui a comme valeur un nombre et un type(paragraphe, phrase, mot). Je souhaite que c'est valeur puisse être modifier grâce à un formulaire qui permettrai de choisir le nombre et le type.

J'ai essayé de nombreuses méthodes. En premier, j'ai utilisé ".attr", puis ".getAttribute", "data" et "dataset", mais aucun n'y fait, et à vrai dire, je sait vraiment pas pourquoi.

N'étant pas un boss du JS, je souhaiterai savoir comment faire pour modifier la valeur de mon attribut en fonction de mon formulaire.

Merci d'avance de vos réponses.

Voici déjà le HTML

<form id="form">
		<input type="text" id="n" value="2">
		<select id="t">
			<option value="p">Paragraphes</option>
			<option value="s">phrases</option>
			<option value="w">Mots</option>
		</select>
				<a id="submit" href="">Submit</a>
	</form>

SBoudrias

14 Feb 2013 à 19:16

Bonjour, il faut utiliser le méthode `setAttribute` sur un élément DOM:


var el = document.getElementById('foo');
el.setAttribute('data-attribute', 'ma valeur');