Este vídeo, vamos continuar aprendendo sobre diferentes maneiras de manipular elementos.
Uma vez que os selecionamos.
Então falamos sobre a manipulação de classes de mudança de estilo removendo classes.
Falamos sobre a alteração do conteúdo do texto e enfureceu-o.
Agora vamos falar sobre a manipulação de atributos.
Então, lembre-se de atributos são coisas como H. F. é igual a Google como com ou fonte em uma imagem.
Então eles sempre seguem esse nome de propriedade é igual a algo dentro de citações e os atributos
são realmente importantes.
E às vezes queremos manipulá-los, queremos mudar as coisas.
Então, vamos fazer coisas simples no início, como alterar todos os links no Google.
A página inicial da Dotcom para ser um link para.
Então, vamos fazer algumas coisas simples para começar como mudar todos os links na página inicial do Google dot
com para ser o Bing dotcom.
Mas alterar atributos é algo que é realmente importante e útil em projetos reais.
Então, se fizemos um controle deslizante de imagem, por exemplo, muitas vezes as galerias de imagens, os controles deslizantes de imagem são
feitos alterando a fonte de uma imagem e é apenas uma imagem e a fonte está sendo alterada.
Então, esse é apenas um exemplo rápido, mas vamos falar sobre como podemos recuperar o
valor de atributos específicos e como também podemos alterar ou manipular o valor.
Neste exemplo, temos uma marca de âncora com um rascunho para ser o google. com e uma etiqueta de imagem com
fonte é logo dot DNG.
Então, selecionamos a marca de âncora para iniciar o seletor de consulta, salvo para vincular e existe um
método que podemos usar chamado atributo Obter e obter atributo faz o que parece recuperar ou obtém
o valor do atributo específico que pedimos.
Então, se pedimos uma respiração neste link, vai nos dar www. Youtube. o atributo set toma dois argumentos.
com e então também posso alterar esse atributo usando o atributo Set e
O primeiro é o nome do atributo e o segundo é o que eu quero mudar.
Então, neste caso, estou mudando o Tref neste link para ser o WDW que os cães ponham com.
Avançemos e demonstremos isso no navegador.
Então, eu vou usar o atributo get para recuperar a fonte desta primeira imagem aqui.
Então eu preciso selecioná-lo.
Vamos apenas chamá-lo de imagem igual a documento e vamos fazer elementos por imagem
de nome de etiqueta e queremos o primeiro.
E se olharmos para a imagem 1, se pedimos a fonte, só obtemos atributo como sarcy.
E esta é a nossa fonte.
Se eu quisesse mudar essa imagem, eu realmente tenho uma imagem preparada aqui de outra mistura corgi
adorável, um corgi rouco.
Eu vou seguir em frente e apenas copiar isso e mudar isso usando um atributo de conjunto de
pontos como esse e depois passá-lo como o segundo argumento.
E entramos em Enter e agora eu atualizo minha imagem lá.
E eu poderia fazer a mesma coisa, é claro, para a segunda imagem.
Eu só preciso selecioná-lo para que possamos fazer algo como isso para que
a imagem seja documentada para obter elementos por imagem de nome de etiqueta 1 e depois imagem para definir fonte de atributo para ser a mesma coisa.
Agora, temos dois daqueles adoráveis ​​com os Husky.
Então, por uma questão de diversidade, também adicionarei uma marca de âncora.
Então, apenas no topo terá uma marca de âncora com o Tref BW dot Google dot com e então iremos aqui.
O link para o Google e o que podemos fazer para começar é a mudança que liga uma referência.
Então, se estamos frescos a página, temos o link que selecionamos até agora um documento igual ao que consulta
o seletor A.
E então, vamos fazer um atributo de conjunto de pontos, um Tref não está fazendo a fonte mais, estamos mudando a natureza
do atributo e nós faremos isso para o Corgies dot com e se olharmos antes de tudo se olharmos a tag você pode ver o caminho
que nos é representado e os contras. Ele mudou para Corgies dot com.
Se eu inspecioná-lo.
HCF mudou o começo com o Corgies.
E, finalmente, se eu clicar nele em uma nova guia nos leva a Corgies dot com e você notará que realmente não
nos levou ao site Corgies star com tentou fazê-lo em um caminho relativo.
se quisermos realmente ir ao site Corgies começar com que eu não tenho certeza é um site real.
Então, para corrigir isso,
Precisamos fazer a barra oblíqua do ponto de extremidade de HTP e isso diz ao navegador que este link não é relativo a
onde estamos.
É um caminho absoluto, o que significa apenas ir para este URL, não tente adicioná-lo no final de
onde estamos.
Então estamos usando o protocolo HTP e eu faço isso agora se inspecionarmos.
Você pode ver que mudou o HGP.
clicarmos em uma nova guia, Corgies dotcom, ninguém possui isso realmente ou alguém é dono dele, mas não o usa.
E se
É uma vergonha e vergonha.
Então, a última coisa apenas para atualizar esse link que não diz link para o Google.
Tudo o que precisamos fazer é a.
E nós temos duas escolhas, mas o conteúdo do texto geralmente é a melhor opção
para apenas mudar o texto de texto. O texto é igual ao link para o corgi dot com e agora a nossa tag mudou.
É um atributo Atra e o conteúdo interno também mudou.
Então, para concluir, obtemos atributo e atributo de conjunto e aqueles funcionam em quaisquer atributos.
Então eu mostrei isso para um Tref e para a fonte, mas você poderia usá-lo se você quisesse mudar uma ID para mudar
uma classe ou qualquer outro atributo que esteja lá fora.
Há um pouco mais, mas estes são os mais comuns que irão trabalhar com