채택완료
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개 / 댓글 3개
채택된 답변
+20 포인트
2016-10-24 (월) 12:08:27
document.getElementById('sss').onmouseover = function() {
alert(this.color);
}
답변에 대한 댓글 2개
2016-10-24 (월) 14:08:30
#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>
<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>
2016-10-24 (월) 13:48:57
잘됩니다~
Copy
<span style=""><font id="sss" color="#CCCCCC" >abcd</font> </span> <script> document.getElementById('sss').onmouseover = function() { console.log(this.getAttribute('color')); }</script>
2016-10-24 (월) 11:56:49
아 그러네요.
근데 왜 hover 사용 안하시나요?
hover() 가 mouseover, mouseout를 사용해서 만든 함수인데...
2016-10-24 (월) 11:48:10
Copy
$('#sss').hover(function (){$color = $(this).css("color");});이걸 원하시는 건가요??
위 2개의 함수를 이용하시면 됩니다.
답변에 대한 댓글 1개
amkorjquery
2016-10-24 (월) 11:49:18
jquery 함수 hover 사용하지 않는다고 위에 글 적혀져 있는데 ,.,,,ㅠ,ㅠ
답변을 작성하려면 로그인이 필요합니다.