gpt4 book ai didi

html - [object Object] 和 [object HtmlDivElement] 之间的区别。 Div 玩转 jQuery

转载 作者:搜寻专家 更新时间:2023-10-31 08:06:25 25 4
gpt4 key购买 nike

我正在使用类似单选按钮的 div,有一个问题。

我这样声明一个函数和变量

我设置了两种样式,一个 .buttonUp 和 .buttonDown 应用于 div 的 onclick 事件。

<script type="text/javascript">
var onCheck;

function setRadio(param_ElementRef)
{
if (param_ElementRef != onCheck)
{
if (onCheck)
{
onCheck.className = 'buttonUp';
}
param_ElementRef.className = 'buttonDown';
onCheck = param_ElementRef;
}
}
</script>

我这样在div中调用一个函数

<div id="Yes" class="buttonUp" onclick="setRadio(this)">Yes</div>
<div id="No" class="buttonUp" onclick="setRadio(this)">No</div>
<div id="Maybe" class="buttonUp" onclick="setRadio(this)">Maybe</div>

这工作正常,但我无法为 onCheck 变量设置默认值。

我试过给 div id,但是当我 alert($('#Yes') 它显示 [object Object],而如果我 alert(param_ElementRef) 它显示 [object HtmlDivElement]

两者有明显的区别,有没有办法通过id引用或者类似的方式返回同一个对象?

非常感谢

最佳答案

alert($('#Yes')显示[object Object]的原因是因为它是一个jQuery对象。

另一方面,如果您想要返回 [object HtmlDivElement],请尝试 alert(document.getElementById('Yes')) 而不是 alert( $('#Yes'))

您还可以使用 get() 从 jQuery 对象中获取纯 js 对象

例如。alert($('#Yes')) 显示 [object Object] 如果你尝试 alert($('#Yes').get(0)) 你会获取[对象 HtmlDivElement]

关于html - [object Object] 和 [object HtmlDivElement] 之间的区别。 Div 玩转 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9785343/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com