Capítulo 5

Demonstração

Essa página integra o conjunto de páginas exemplo do livro HTML5 do Maujor.

Foi criada para demonstar o atributo global dir

Clique os botões a seguir para definir os atributos ltr, rtl e auto para o elemento body dessa página

JavaScript

<script>
window.onload = function() {
var botao = document.getElementsByTagName('button')
var pg = document.getElementsByTagName('body')

	botao[0].onclick = function(){
		pg[0].setAttribute('dir', 'ltr');
	}
	botao[1].onclick = function(){
		pg[0].setAttribute('dir', 'rtl');
	}
	botao[2].onclick = function(){
		pg[0].setAttribute('dir', 'auto');
	}
}
</script>

HTML

	<h3>Demonstração</h3>
		<p>Essa página integra o conjunto de páginas exemplo do livro HTML5 do Maujor.</p> 
		<p>Foi criada para demonstar o atributo global <code>dir</code></p>
		<p>Clique os botões a seguir para definir os atributos <code>ltr</code>, <code>rtl</code>

		e <code>auto</code> para o elemento <code>body</code> dessa página</p>
		<button type="button">ltr</button>
		<button type="button">rtl</button>
		<button type="button">auto</button>