2016-10-26 1 views
0

Я пытаюсь использовать JavaScript для создания идентификатора для моих ссылок, а также для того, чтобы сообщить ему, к какой ссылке.генерировать href для ссылки на основе id с помощью javascript

My JavaScript сгенерировал элемент ссылки в моем HTML:

<a id = "NB4-CAXL-14U-12-AAG"> Link Text </a> 

И кажется, как это должно быть.

Я тогда переменную eopartnum [я]:

console.log(eopartnum[i]); //output: NB4-CAXL-14U-12-AAG 

Эта переменная соответствует свой идентификатор для моей ссылке выше. Затем я попытался получить доступ к этой ссылке через ID и назначить HREF к нему, например, так:

var linktoprod = document.getElementById(eopartnum[i]); 
console.log(linktoprod); //returns null 
linktoprod.href = "http://www.enviroptics.com/"; //Cannot set property 'href' of null(…) 

Почему мой linktoprod придумать утратившим? Является ли мой синтаксис неправильным?

JSfiddle для полного кода: http://jsfiddle.net/98oL12tk/17/ Линии 106-109 в разделе JS.

+0

Ссылка не на DOM yet- поэтому получить возвращает нулевое значение – tymeJV

+0

положить я = 0 ...... .. – Mahi

ответ

2

Проблема заключается в том, что вы вызываете getElementById() перед добавлением таблицы в документ. В то время, когда вы запрашиваете идентификатор, он еще не существует. Этот пример кажется немного надуманным; Я думаю, вы могли бы просто установить firstcelllink.href = 'http://www.enviroptics.com/';

EDIT: вероятно, более целесообразно использовать firstcelllink.setAttribute('href', 'http://www.enviroptics.com/');

+0

ой, не понял, что вы могли бы просто установить hrefs вот так ..., что делает мою жизнь намного проще haha, спасибо –

+0

Нет проблем. Я сделал небольшое обновление, возможно, более подходящим для использования 'setAttribute' по сравнению с настройкой href напрямую, но и должен работать в этом случае. – mherzig

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