добавить 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"> Спасибо |
document.querySelector('[data-property-id-row="18"]').id='value'; |
Вроде все ок работает, Спасибо!
Но почему по аналогии не задается класс? https://codepen.io/ushembo/pen/EEGVdz |
Цитата:
|
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> |
Всем спасибо. Все понял!
|
Часовой пояс GMT +3, время: 08:22. |