0

我有一个如下的 HTML 代码。

<html>
<body>
    <div id="Editbox" contentEditable="true"  
        style="border: solid 1px red; width: 600px; height: 300px; 
        overflow-y: scroll; overflow-x: scroll;">
        <ol style = "list-style-type:lower-alpha";>
        <li> hello </li>
        <li> how are you</li>
        </ol>
     </div>
</body>
</html>

当我将光标放在“are”之后时，我想找到它是哪种类型的子弹。我的意思是项目符号的样式，无论是有序列表还是无序列表。如何找出相同的。

4

1 回答 1

0

您不能将onmouseover事件绑定到，characterData但可以将其包装在跨度中并绑定到跨度元素。

<ol>
    <li/>
    <li>how are <span id="test">you</span></li>
    <li/>
</ol>

var test = document.getElementById('test');
test.onmouseover = function(){
    console.log(this.parentNode.parentNode.tagName);
};

演示：http: //jsfiddle.net/AsFvT/

于 2013-04-10T04:08:45.840 回答