2016-07-02 2 views
1

На моем сайте, как маленькая сноску я думаю, я использую тег <joexn id="yo"> и JavascriptИспользование пользовательских тегов с помощью JavaScript только

var div = document.getElementById('yo'); 
div.insertAdjacentHTML('beforeBegin', 'joexn.com'); 

Это создает водяной знак/колонтитул и хочет Я хочу знать, как могу ли я изменить его, чтобы тег был только <joexn>, используя только Javascript. Я хочу только минималистский код и без помех. Я пробовал использовать document.getElementByTagName('joexn');, но это не сработало.

Какой самый простой способ?

Я не знаю, почему это было отмечено как дублирующее, это не что иное, как другой вопрос.

+0

div.insertAdjacentHTML ('beforeBegin', 'joexn')? – numX

+0

Нет, это просто добавляет ссылку на мой сайт, которая не изменится. – joexn

+0

Используйте 'querySelector' или' querySelectorAll', чтобы получить ссылку. Кроме того, вам также нужен закрытый тег (''). – Teemu

ответ

1

попробовать с помощью document.querySelector(): DEMO

var div = document.querySelector('joexn'); 
div.insertAdjacentHTML('beforeBegin', 'joexn.com'); 
+0

Отлично! Это, безусловно, лучший из тех, что я был. Спасибо тебе за это. – joexn

0

document.getElementsByTagName('joexn') должен работать. Имейте в виду, что у вас есть опечатка в использовании этого метода. Это getElements, а не getElement.

Этот метод возвращает объект HTMLCollection, который является объектом типа массива. Таким образом, чтобы получить сам элемент, вы можете сделать

var joexnElement = document.getElementsByTagName('joexn')[0];

И, потом всё остальное ...

+0

Странно, 'getElement' работает. Я попробую еще раз, и я увижу, работает ли 'document.getElementsByTagName ('joexn')'. – joexn

+0

Кажется, что 'document.querySelector' отлично работает. Спасибо за ваш ответ, но 'document.getElementsByTagName ('joexn')' не работает для меня. – joexn

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