Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   добавить id к определенному data атрибуту (https://javascript.ru/forum/dom-window/73348-dobavit-id-k-opredelennomu-data-atributu.html)

ushembo 08.04.2018 21:28
добавить id к определенному data атрибуту
 
имеются 
<div class="form-group bx-soa-customer-field" data-property-id-row="15">
<div class="form-group bx-soa-customer-field" data-property-id-row="12">
<div class="form-group bx-soa-customer-field" data-property-id-row="18">


подскажите пожалуйста как добавить к диву с атрибутом =18
определенный id. Или направьте в нужную документацию пожалуйста

в конечно итоге должно быть так

<div class="form-group bx-soa-customer-field" data-property-id-row="18" id="value">


Спасибо

j0hnik 08.04.2018 21:36 
document.querySelector('[data-property-id-row="18"]').id='value';

ushembo 08.04.2018 22:24
Вроде все ок работает, Спасибо!
Но почему по аналогии не задается класс?

https://codepen.io/ushembo/pen/EEGVdz

рони 08.04.2018 22:31
Цитата:
Сообщение от ushembo
Но почему по аналогии не задается класс?
потому что нет такого свойства, есть className и ещё пара способов

рони 08.04.2018 22:44
ushembo,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">  div{
      width: 100px;
      height: 100px;
  }
  .Red{
      background-color: Red;
  }
  .Green{
      background-color: Green;
  }
  .Yellow{
      background-color: Yellow;
  }
  </style>

</head>

<body>

<div class="form-group bx-soa-customer-field" data-property-id-row="15"></div>


<div class="form-group bx-soa-customer-field" data-property-id-row="12"></div>


<div class="form-group bx-soa-customer-field" data-property-id-row="18"></div>
  <script>
document.querySelector('[data-property-id-row="18"]').className ='Red';
document.querySelector('[data-property-id-row="12"]').classList.add('Green');
document.querySelector('[data-property-id-row="15"]').setAttribute('class','Yellow');
  </script>

</body>
</html>

ushembo 08.04.2018 23:18
Всем спасибо. Все понял!


Часовой пояс GMT +3, время: 14:39.