javascript - 如何使用 onclick 事件 getElementById

问题描述

我正在设计一个头像模块。关键是当点击头发或眼睛时，它们必须在头顶移动。他们没有得到那个，而是根本不动，但代码也不会因错误而发出警报。

这是HTML代码：

<style>

  #cabeza{
    position: absolute;
    z-index: auto;
    left:225px;
    top:125px;
  }

  #ojos {
   position: absolute;
   z-index: 1;
   left: 8px;
   top: 300px;
  }

  #pelo {
   position: absolute;
   z-index: 2;
   left: 0;
   top: 125px;
  }

</style>

<body>
		<div id="container">
		  <div id="sidebar"></div>
		  <div id="content">
			<div id="cabeza"><img src="assets/img/cabeza.png"/></div>
			<div id="pelo"><img src="assets/img/pelo.png" /></div>
			<div id="ojos"><img src="assets/img/ojos.png" /></div>
		  </div>
    </div>

    <script>

        alert('NOSeSiFunciona');
        document.getElementById("pelo").onclick = function() {document.getElementById("pelo").style.left = "225px";};
        document.getElementById("ojos").onclick = function() {document.getElementById("ojos").style.left = "235px"; document.getElementById("ojos").style.top = "200px";};

      </script>

	</body>

标签： javascriptonclickgetelementbyid

javascript - 如何使用 onclick 事件 getElementById

问题描述

解决方案

推荐阅读