jquery 통해 attr 속성값 가져오기 방법에 대해 채택완료
</p><p><span style=""><font id="sss" color="#CCCCCC" onmouseover=style.color='#ED4545' onmouseout=style.color='#CCCCCC'>abcd</font> </p><p> </p><p> </p><p>console.log($('#sss').prop("onmouseover=style.color")); // 값 전달이 안되네요 ㅠ,ㅠ </p><p> </p><p>
jquery 함수 hover 사용하지 않고 순수하게 onmouseover 또는 onmouseout로 attr를 이용해서 색상 코드를 가지고 올려고 합니다.
이경우 어떻게 해야 하나요 ? ㅠ,ㅠ
답변 4개
document.getElementById('sss').onmouseover = function() {
alert(this.color);
}
답변에 대한 댓글 2개
<font id="sss" color="#CCCCCC" onmouseover="style.color='#ED4545'; mouse(this)" onmouseout="style.color='#CCCCCC'; mouse(this)" >abcd</font>
<script>
function mouse(obj) {
console.log(obj.style.color);
}
</script>
#2
<font id="sss" color="#CCCCCC" onmouseover="mouse(this, '#ED4545')" onmouseout="mouse(this, '#CCCCCC')" >abcd</font>
<script>
function mouse(obj, color) {
obj.style.color = color;
console.log(color);
}
</script>
댓글을 작성하려면 로그인이 필요합니다.
잘됩니다~
</p><p><span style=""><font id="sss" color="#CCCCCC" >abcd</font> </p><p></span></p><p> </p><p><script></p><p> </p><p>document.getElementById('sss').onmouseover = function() {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>console.log(this.getAttribute('color'));<span class="Apple-tab-span" style="white-space:pre"> </span></p><p>}</p><p></script></p><p>댓글을 작성하려면 로그인이 필요합니다.
아 그러네요.
근데 왜 hover 사용 안하시나요?
hover() 가 mouseover, mouseout를 사용해서 만든 함수인데...
댓글을 작성하려면 로그인이 필요합니다.
</code></p><p><code class="plain">$(</code><code class="string">'#sss'</code><code class="plain">).</code><code class="plain">hover(function (){</code></p><p style="margin-left: 40px;"><code class="plain">$color = $(this).css("color");
</code></p><p><code class="plain">});</code></p><p><code>
이걸 원하시는 건가요??
https://api.jquery.com/hover/">https://api.jquery.com/hover/
https://api.jquery.com/css/">https://api.jquery.com/css/
위 2개의 함수를 이용하시면 됩니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인