jquery 통해 attr 속성값 가져오기 방법에 대해
본문
<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
document.getElementById('sss').onmouseover = function() {
alert(this.color);
}
작동이 안되네요 ㅠ,ㅠ
#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>
아 그러네요.
근데 왜 hover 사용 안하시나요?
hover() 가 mouseover, mouseout를 사용해서 만든 함수인데...
$('#sss').hover(function (){
$color = $(this).css("color");
});
이걸 원하시는 건가요??
위 2개의 함수를 이용하시면 됩니다.
jquery 함수 hover 사용하지 않는다고 위에 글 적혀져 있는데 ,.,,,ㅠ,ㅠ
잘됩니다~
<span style=""><font id="sss" color="#CCCCCC" >abcd</font>
</span>
<script>
document.getElementById('sss').onmouseover = function() {
console.log(this.getAttribute('color'));
}
</script>