Javascript-форум - Как обратиться к id если он содержит точки?

StartGames,

Цитата:

Сообщение от Malleys

Если без привлечения лишних сущностей, то можно, например, так...

https://javascript.ru/forum/xhtml-ht...tml#post517046

<!DOCTYPE html>
<html>
<head>
  <title></title>
    <meta charset="utf-8">
  <style type="text/css">
    .radio-input.active {color:red !important}
  </style>
    <script>
    document.addEventListener("change", event => {
    const container = event.target.closest("[name='shipping_method']");
    if(container) {
        const root = container.closest("#shipping_method_list");
        if(!root._lastContainer) root._lastContainer = root.querySelector("div.radio-input");
        root._lastContainer.classList.remove("active");
        const div =  container.closest("div.radio-input");
        div.classList.add("active");
        root._lastContainer = div;
    }
    });
    </script>
  </head>
  <body>
  <div id="shipping_method_list">
    <strong class="title nn">Доставка</strong>
    <div class="radio-input radio active" id="su.flat.flat">
      <label for="flat.flat"><input type="radio" name="shipping_method" value="flat.flat" id=
      "flat.flat" checked="checked" data-refresh="5" class="styled"> <span class=
      "text">Доставка</span><span class="price">80 руб</span></label>
    </div><strong class="title nn">Самовывоз</strong>
    <div class="radio-input radio" id="su.pickup.pickup">
      <label for="pickup.pickup"><input type="radio" name="shipping_method" value="pickup.pickup"
      id="pickup.pickup" data-refresh="5" class="styled"> <span class=
      "text">Самовывоз</span><span class="price">0 руб</span></label>
    </div>
  </div>
</body>
</html>