1

我有这个 html 页面：

     <div style="width: 100%;position: absolute; bottom: 0px; height: 49px;" id="TabBar">
  <ul>
    <li  role='{"type":"tabbar"}' class="itemClickable"><img class="tabIcon" src="/assets/builder/tabIcon.png"    /><br /><label>Home</label></li>
    <li  role='{"type":"tabbar"}' class="itemClickable"><img class="tabIcon " src="/assets/builder/tabIcon.png"   /><br /><label>About</label></li>
    <li  role='{"type":"tabbar"}' class="itemClickable"><img class="tabIcon" src="/assets/builder/tabIcon.png"   /><br /><label>Gallery</label></li>
    <li  role='{"type":"tabbar"}' class="itemClickable"><img class="tabIcon" src="/assets/builder/tabIcon.png"   /><br /><label>Contact-Us</label></li>
  </ul>
  <img src="/assets/ide/add_48.png" id="AddTab"   />
</div>

我需要检测“li”元素的任何变化。例如，标签文本或标签颜色的更改、类别的更改、图像的更改以及所有可能的更改。因为它的许多标签一个在另一个里面，所以我尝试的一切都没有触发标签颜色的变化。有没有一种方法可以在没有特定路径（如“ul li .item”）的情况下检测这种变化？我也希望能够检测到其他元素的这种变化。

4

1 回答 1

0

使用 Object.observe 的 HTML5 解决方案

http://updates.html5rocks.com/2012/11/Respond-to-change-with-Object-observe https://github.com/jdarling/Object.observe (polyfill/shim)

于 2013-08-27T11:53:45.953 回答