Seletor através do HTML

Para selecionar o HTML de alguma tag, precisa:

Criar uma variável para guarda essa informação:
var texto = que vai receber :

Diz que o que vai receber é um documento:
document. ai você especifica o que você quer:

Diz para pegar o elemento, que é uma "tag" e vai passar o nome dessa tag:
getElementsByTagName() *ai dentro do parentes coloque o nome da tag:

Diz qual é o nome da tag e qual é sua posição:
("h1") [0] a tag é o "h1" e sua posição é o "0" vai pegar o primeiro 'h1'

Ficando assim o comando para pegar algo de um HTML :
var texto = document.getElementsByTagName("h1")[0];

Vamos começar criando 3 tipos de "h1":

h1 Proway /h1
h1 Seletor de JS /h1
h1 Curso Proway /h1

Para selecionar, vamos criar um botão e colocar uma função/açao:

button onclick="acao()" "Selecionar" /button

Veja como é o código:

Agora vamos criar a função, para selecionar, capturar um texto :

Na tag "script", coloque :

_function acao() { dentro dela coloque:

// vai capturar o que estiver no "h1" na posição "0" o primeiro "h1"
var texto = document.getElementsByTagName("h1")[0];

// Para exibir o html => use o "innerHTML"
alert(texto.innerHTML);

_} fecha a "function"

Veja como é o código:

Agora vamos ver se está funcionando na prática,
ao clicar no botão selecionar, tem que aparecer o "Proway" por que é o primeiro "h1".

Proway

Seletores JS

Curso Proway