2016-06-01 2 views
2

Я хочу получить абзац текста, где некоторые слова в стиле <a> теги с естественным стилем браузера.стиль один элемент с родным css другого

Эти слова могут действительно находиться в теге <a> с атрибутом href, чтобы направить пользователя на другой URL-адрес, или они могут быть в замаскированном теге <span> с помощью функции js onclick.

Как получить атрибуты родного стиля от <a> тегов и применить их к моим тегам <span>?

+0

Не могли бы вы просто опустить 'href' или оставить его пустым? – 4castle

+0

В некоторых браузерах, которые удаляют подчеркивание и изменение цвета тега после его посещения – grateful

+1

НЕТ метода CSS «копирование» стилей ... почему бы не определить, как они выглядят в классе и применять его к ссылкам/пролетам без разницы. –

ответ

-1

Получить значение целевого атрибута в <a> элемента:

var x = document.getElementById("myAnchor").getAttribute("target"); 

Получить значение атрибута OnClick случае <button> элемента:

var x = document.getElementById("myBtn").getAttribute("onclick"); 

узнать, если <button> элемент имеет атрибут onclick:

var x = document.getElementById("myBtn").hasAttribute("onclick"); 

Получить <a> элемент с id="myAnchor"

var x = document.getElementById("myAnchor"); 

Если <a> элемент имеет целевой атрибут, установите значение "_self"

if (x.hasAttribute("target")) {  
    x.setAttribute("target", "_self"); 
} 
1

Это просто: Вы не делаете.

Вы можете расширить свойства Элемент с SASS и МЕНЬШЕ но не родные из определенного тега. Более простым способом было бы дать обеим элементам один и тот же класс css и соответствующим образом подстроить их.

Это не должно быть кошмаром, так как теги <a> и <span> очень похожи в том, как они ведут себя в потоке страниц.

+0

Я не люблю принимать что-либо как невозможное. Возможно, вы правы, но я бы хотел сделать больше исследований и посмотреть, есть ли еще ответы, прежде чем принимать этот ответ. Например, я обнаружил, что обновленные таблицы стилей User Agent доступны в GitHub здесь: [link] (http://stackoverflow.com/questions/6867254/browsers-default-css-for-html-elements/6867287#6867287#answer -22510220) – grateful

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