Невозможно объединить строку + переменную + строку в JavaScript

Question

Я пытаюсь динамически заставить мой javascript искать идентификатор элемента в DOM.

В настоящее время я использую это

var string = "retail";
document.getElementById('markup_'+string+'_percentage').value=z.toFixed(2)+"%";

Где переменная "строка" имеет значение наподобие "retail"

Я думал, что это даст объединенную строку "markup_retail_percentage".

Однако на самом деле это выдает сообщение об ошибке:

document.getElementById("markup_"+string+"_percentage") is null

Я пробовал также использовать "."и операторы *.

Один из моих html-элементов

<input type="text" id="markup_retail_percentage" size="5" name="markup_retail_percentage" value="" readonly />

РЕШЕНИЕ !!!!

//using a new variable name to be passed to function 
function percentage(elementid)
{

    elementid = "markup_" + elementid;
    elementid = elementid + "_percentage";

document.getElementById(elementid).value = "a value";


}

Answer 1

Я вижу два ^ три, четыре ^ ш четыре варианта:

1. string не содержит того, что вы думаете,
2. Вы должны иметь подчеркивание до percentage.
3. указанный элемент действительно не существует! (спасибо @jAndy)
4. да, но DOM еще не готов (спасибо @Yoshi)

Answer 2

Похоже, вам не хватает знака подчеркивания перед процентом

document.getElementById('markup_'+ string +'percentage')

Я думаю, вы хотите

document.getElementById('markup_'+ string +'_percentage')

Answer 3

Если вы запустите этот код до окончания загрузки Document, ваша разметка не будет проанализирована полностью, и Element с таким идентификатором не будет доступен с помощью методов DOM.

Answer 4

Решение:

function percentage(elementid)
{

    elementid = "markup_" + elementid;
    elementid = elementid + "_percentage";

document.getElementById(elementid).value = "a value";


}

Я не знаю, почему он работает:

-Может быть проблема конкатенации, нельзя использовать несколько операторов "+"?

-Изменить имя переменной?

Но теперь он работает, так что спасибо всем!