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。我所要做的就是获取元素对象，以便我可以像在示例中那样进行进一步的操作以获取其coords属性值。

我怎么知道它应该是[object HTMLAreaObject]？我不确定，但那是

中的“this”类型

$('#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(',');

Answer 2

如果您需要使用$('#quadrant1').get()来获取原始DOM对象。要实现其功能jQuery使用它自己的对象，但总是可以获得对原始DOM对象的引用，如上所述。

HTML元素对象与对象

2 个答案: