javascript - HTML 元素对象与对象

Question

谁能帮我解释为什么我不能得到这段代码的正确结果？

    Javascript:
    var items2 = $("#quadrant1");
    var coords = items2.getAttribute('coords').split(',');

    HTML:
    <map id="square_map" name="square">
        <area id="quadrant1" shape="poly" coords="206,10, 300,10, 388,10"></area>
    </map>

我已经检查了 items2 的类型，它只是 OBJECT，似乎没有得到正确的 HTML AREA OBJECT。我所要做的就是获取元素对象，这样我就可以像示例中那样进行进一步的操作以获取其坐标属性值。

我怎么知道它应该是 [object HTMLAreaObject]？我真的不确定，但那是 typeof "this"in

$('#square_map").bind("click",function(){
var coords = this.getAttribute('coords').split(',');
... });

并且它正在正确地处理该对象。任何帮助将不胜感激......很多!提前致谢

Answer 1

因为在您的示例中，items2 不是 DOM 元素而是 jQuery 对象。正确的变体:

var items2 = $("#quadrant1");
var coords = items2.attr('coords').split(',');

或

var items2 = $("#quadrant1");
var coords = items2[0].getAttribute('coords').split(',');