Why does setAttribute() throw an Uncaught TypeError: name.setAttribute is not a function?

Question

HTML

I want to add an attribute to an element

oninvalid="this.setCustomValidity('Введите своё имя')"

<script>
var name = document.getElementById("MyName");
name.setAttribute("oninvalid", "this.setCustomValidity('Введите своё имя')");	
</script>

In the console it gives an error Uncaught TypeError: name.setAttribute is not a function?
What am I doing wrong?

Answer 1

Background with background-size, background-position
A block that runs over the background, so just margin-top -Npx or move it a little through position relative if it is somehow above the flow in the design,
But certainly not through absolute

Answer 2

Create a menu after this banner and indent it with either margin or position: absolute.
Better second option

Answer 3

document.querySelector('#MyName').addEventListener('invalid', function(){
  this.setCustomValidity('Введите своё имя')
})