Можно ли задавать значения свойств border-top, border-bottom, border-left и border-right через код яваскрипт в html5?

Question

[lexaxaxa]

Можно ли задавать значения свойств border-top, border-bottom, border-left и border-right через javascript?

Дело в том, что значение свойства border меняется без проблем, значения свойств границ отдельных граней элемента не получается изменить:

function handleMouseOver(elem) {
    elem.style.border="thick solid";        //(все хорошо)//
    elem.style.border-bottom="none";   //ничего не происходит???//
}

<p onmouseover="handleMouseOver(this)" />

Comments

[Алексей Уколов]

Вы почему-то ни в одном своем вопросе не приняли ни одного ответа, хотя очевидно, что они вам подходят. Стоит все же делать это - автору ответа будет приятно, те, кто придет в этот вопрос через год сразу смогут разобраться.

[lexaxaxa]

выбираю что принять.в процессе.[window.]document.getElementById("elementID").style.borderBottom у меня блокирует весь код.к сожалению.

[lexaxaxa]

Вкладка1Вкладка2

hgfhtfhgfdghshgvf jhgejhrfguyfgvref fgueyrgfvyrgfuyvguy

bczxcljxzl;v;oqpw


hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

[Алексей Уколов]

lexaxaxa: Вы в таком случае пишите комментарий к вопросу, отвечавший вам поможет.

[Алексей Уколов]

Кстати, изменение границ элемента при наведении мыши легко сделать через css:
p:hover {border-left: 2px solid black;}

[lexaxaxa]

с этим я знаком.но мне нужно убирать нижние границы при событии onclick

[lexaxaxa]

чтобы закладка сливалась с тем что она открывает

[lexaxaxa]

все в образовательных целях

[lexaxaxa]

Вкладка1Вкладка2

hgfhtfhgfdghshgvf jhgejhrfguyfgvref fgueyrgfvyrgfuyvguy

bczxcljxzl;v;oqpw


hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

[lexaxaxa]

не получается код отправить

Answer 1

[Алексей Уколов]

[window.]document.getElementById("elementID").style.borderBottom

Отсюда

Comments

[Алексей Уколов]

[window.]document.getElementById("elementID").style.borderBottom у меня блокирует весь код.к сожалению.

В вашем случае должно быть elem.style.borderBottom, если что.
Нажмите F12, посмотрите какие ошибки показываются в консоли - если код блокируется, значит выкинулся какой-то фатальный Exception.

Answer 2

[timoo]

Не получается, потому что elem.style.border-bottom="none" обратите внимание на дефис, он будет интерпретировать как минус, т.е. дефисов в js коде быть не должно. Ищите другой способ обратиться к border-bottom и тд.

Comments

[lexaxaxa]

спасибо однофамилец)