jquery 통해 attr 속성값 가져오기 방법에 대해 채택완료

Copy
<span style=""><font id="sss"  color="#CCCCCC" onmouseover=style.color='#ED4545' onmouseout=style.color='#CCCCCC'>abcd</font>   console.log($('#sss').prop("onmouseover=style.color")); // 값 전달이 안되네요 ㅠ,ㅠ

 

jquery 함수 hover 사용하지 않고 순수하게 onmouseover 또는 onmouseout로 attr를 이용해서 색상 코드를 가지고 올려고 합니다.

 

이경우 어떻게 해야 하나요 ? ㅠ,ㅠ

답변 4개

채택된 답변
+20 포인트

document.getElementById('sss').onmouseover = function() {

alert(this.color);

}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

작동이 안되네요 ㅠ,ㅠ
#1
<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>

댓글을 작성하려면 로그인이 필요합니다.

잘됩니다~

 

Copy
<span style=""><font id="sss"  color="#CCCCCC" >abcd</font> </span> <script> document.getElementById('sss').onmouseover = function() {	console.log(this.getAttribute('color'));	}</script>
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

아 그러네요.

근데 왜 hover 사용 안하시나요?  

hover() 가 mouseover, mouseout를 사용해서 만든 함수인데... 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

Copy
$('#sss').hover(function (){$color = $(this).css("color");});

이걸 원하시는 건가요??

 

https://api.jquery.com/hover/

https://api.jquery.com/css/

 

위 2개의 함수를 이용하시면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

jquery 함수 hover 사용하지 않는다고 위에 글 적혀져 있는데 ,.,,,ㅠ,ㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고