Question

Здравствуйте, настраиваю поля ввода данных при создании товара в ИМ. Там структура:

table > tbody > tr > td, где td имеет значение width="35%", вот его то и нужно изменить.

Мои попытки:

document.getElementsByTagName('manTable').getElementsByTagName('tbody').getElementsByTagName('tr')document.getElementsByTagName('td').style.width=150;
document.querySelectorAll("table tbody tr td").style.width=150;

Видимо я неправильно выстраиваю путь до элемента, но немогу понять в чем ошибка....

Answer 1

Зачем так усложнять. Добавьте в CSS Интернет магазина такую строчку и сохраните

.manTd1 {width:150px !important}

 

Comments

Потому что td имеет вот такой код:

<td width="35%" class="manTd1">

и строчкой 

.manTd1 {width:150px !important}

ничего не имзенить

---

Как раз именно такой строчкой и изменить! Только надо добавить не в общую таблицу CSS, а именно в таблицу стилей магазина, которая находится тут http://ваш_домен .ru/panel/?a=tmpl;m=20;t=9

---

Неа.. скриншот

 

---

У меня все работает. Попробуйте тогда в шаблоне Страница служебных форм добавить это

<?if($PAGE_ID$ == 'add')?>
  <script>
    $(function() {
      $('.manTd1').removeAttr('width');
    });
  </script>
<?endif?>

Таким образом удалится тег width. И можно будет его в css прописать. А можно добавить и прям в скрипте в торой строчкой

$('.manTd1').attr('width','100%');

или

$('.manTd1').css('width','100%');

но лучше все же на css