Форум

ushembo · #1 (**permalink**) 08.04.2018, 21:28

имеются

<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 · #2 (**permalink**) 08.04.2018, 21:36

document.querySelector('[data-property-id-row="18"]').id='value';

ushembo · #3 (**permalink**) 08.04.2018, 22:24

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

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

рони · #4 (**permalink**) 08.04.2018, 22:31

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

Но почему по аналогии не задается класс?

потому что нет такого свойства, есть className и ещё пара способов

рони · #5 (**permalink**) 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 · #6 (**permalink**) 08.04.2018, 23:18

Всем спасибо. Все понял!

Форум

Справочник

Discord чат

Курсы javascript