Question

如果我有以下DOM元素，如果单击子元素，如何获取父元素的索引？当我在控制台中显示document.getElementsByClassName（＆＃39; b-btn b-btn-type-a b-btn-emph＆＃39;）时，它返回input.b-btn b-btn-type-a b-btn -emph有两个索引。可在https://jsfiddle.net/Z7R5n/127/

查看的代码

<div id="shop-cart-313232f0-089c-11e2-8556-005056bd629f" ng-repeat="cart in data.carts" ng-controller="ShopCartCtrl" class="ng-scope">
      <div id="error_inventory_banner_313232f0-089c-11e2-8556-005056bd629f" class="">
        <!-- ngRepeat: warning in cart.warnings -->
      </div>
      <div id="cart_313232f0-089c-11e2-8556-005056bd629f" ng-show="cart.items" class="b-container b-mod-mall-order-table">
        <form accept-charset="UTF-8" action="https://secure.rakuten.com.my/checkout/login/?l-id=my_cart_checkout_1" autocomplete="off" method="post" class="ng-pristine ng-valid">
          <div class="b-order-index">
            <b>
              <span class="b-text-xlarge">Shop: </span>
              <span class="b-text-xlarge ng-binding" ng-bind="cart.shopName">Bagstation</span>
              <span class="b-text-stg b-pd"><a ng-href="http://styles.my/testrakutenGTM/gtm.php" href="http://styles.my/testrakutenGTM/gtm.php">go to shop page</a></span>
            </b>
            <input type="hidden" id="shop_name_313232f0-089c-11e2-8556-005056bd629f" value="Bagstation">
          </div>
          .......


          </div>
          <!-- ngIf: cart.items.outOfCart -->
        </form>
      </div>

      <!-- ngIf: cart.emptyCartHtml -->
    </div>

Answer 1

document.getElementsByClassName('b-btn b-btn-type-a b-btn-emph')

返回一个数组，所以如果你想访问不同的元素，你必须使用operator []。然后，您可以使用访问对象的属性。（比如.value）。

DOM元素索引

1 个答案: