Alterar valor de atributo data-*

[AlexandreHenrique 1]

Olá 

tenho uma função JS para mudar valor de atributos de uma imagem.

A imagem é essa:

<img src="capa.jpg"  data-desc="2018 - Aventura" alt="titulo do filme" onclick="teste(this,2);" id="video" />

 A função:

function teste(arg,p){
	var pos = p;
	document.getElementById('video').src="novacapa.jpg"; // muda src
	document.getElementById('video').alt="Titulo do novo video"; //  muda alt 
    document.getElementById('video').attr('data-desc', 'valor a atribuir'); // ???
}

A função muda o "src" e "alt" mas não consigo mudar o valor do atributo 'data-desc", como faço isso?

Essa é a linha em questão: 

document.getElementById('video').attr('data-desc', 'valor a atribuir'); 

 

 

[Philippe Luis 2]

Ola tudo bem ?

Bem, vamos la.

element.attr(): É de uso exclusivo do jQuery, pelo que vi você esta usando apenas javascript puro.

A maneira certa de fazer isso seria usando element.setAttribute. Ficando assim:

 

document.getElementById('video').setAttribute("data-desc", "valor a atribuir"); 

[AlexandreHenrique 1]

Faz tempo que não venho aqui! 

Acabei resolvendo essa questão, mas agradeço sua atenção!!