Как изменить цвет границы SPAN?

-1

Глядя, чтобы выделить кнопку «Отчет», сделав ее красным цветом, но это, похоже, не работает. Код, который я пытался использовать, приведен ниже.Как изменить цвет границы SPAN?

document.getElementById("ReportBtn").style.border = "solid #FF0000";

Я даже пытался запустить его через консоль браузера, кажется, просто возвращает значение null, даже если страница полностью загружена.

<span onclick="return ReportReview()" class="btn_grey_grey btn_small_thin tooltip" id="ReportBtn" data-tooltip-content="Report this review for violating the Steam Terms of Service or Online Conduct Rules."></span>

источник

2016-12-12 MilkGames

Не удается воссоздать проблему ... она должна работать: код //jsfiddle.net/htj1gkxL/ – sinisake

пожалуйста, покажите ReportReview() –

же, как @nevermind, https://jsfiddle.net/3p5x25nr/ –

Удалить из вашего onclick событие. Она должна быть <span onclick="ReportReview()">

HTML

<span onclick="ReportReview()" class="btn_grey_grey btn_small_thin tooltip" id="ReportBtn" data-tooltip-content="Report this review for violating the Steam Terms of Service or Online Conduct Rules."></span>

function ReportReview() { 
    document.getElementById("ReportBtn").style.border = "solid #FF0000"; 
}

См js fiddle here, который показывает, что вы хотите сделать.

Возможно, вы хотите просто изменить цвет при загрузке документа. В этом случае должно работать следующее. Это в основном означает, что когда страница загрузилась, измените цвет границы элемента span. Вы можете изменить цвет элемента span, если он был создан. Это гарантирует, что оно уже создано.

document.addEventListener("DOMContentLoaded", function() { 
    document.getElementById("ReportBtn").style.border = "solid #FF0000"; 
});

источник

2016-12-12 18:04:11

Я не смотрю на добавление границы, когда я нажимаю флаг. И это не работает. – MilkGames

когда вы хотите добавить границу? это не очень ясно из вашего вопроса. Из того, что вы предоставили, похоже, что это то, что вы хотите. Это работает точно. Вы проверили jsfiddle? Вам нужно выяснить, к какому элементу вы хотите добавить красную границу, а затем добавить его в функцию. Затем вам нужно обратиться к элементу, который при нажатии изменит цвет элемента 'span'. Основываясь на том, что я представил выше, вы должны перенести это на то, что вы хотите точно –

Это на самом деле плагин для Firefox, в котором в основном используется javascript. Я хочу, чтобы граница была добавлена после загрузки страницы.И нет, это не сработает. Еще раз хочу добавить его в SPAN. – MilkGames

использование только OnClick = "ReportReview()"

это правильный путь, чтобы вызвать событие функции. Возврат не используется в событии onclick.

источник

2016-12-12 18:14:07

Мои комментарии - \t Это на самом деле плагин для Firefox, в котором в основном используется javascript. Я хочу, чтобы граница была добавлена после загрузки страницы. И нет, это не сработает. Еще раз хочу добавить его в SPAN. – MilkGames

напишите такую информацию в вопросе – oqx

Это потому, что ваш JavaScript выполняется до того, как ваш пакет готов?

Объяснение редактировать

Ваш JavaScript прекрасно

document.getElementById("ReportBtn").style.border = "solid #FF0000";

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

источник

2016-12-12 18:33:31

, вы должны перефразировать его как ответ и объяснить, что вы имеете в виду. – oqx

Вы правы, я обновил свой ответ. Благодарю. –

Как изменить цвет границы SPAN?

ответ

Смежные вопросы