Как получить элемент html по имени

Question

Есть ли способ в java-скрипте получить только конкретное имя вместо использования document.getElementsByName("x");, которые возвращают массив? У меня есть особая ситуация, когда я не могу использовать идентификатор. Любые предложения, пожалуйста? Спасибо.

Answer 1

Просто получить первый элемент:

document.getElementsByName("x")[0]; 

Или для безопасности:

function getFirstElementByName(element_name) { 
    var elements = document.getElementsByName(element_name); 
    if (elements.length) { 
     return elements[0]; 
    } else { 
     return undefined; 
    } 
} 

(. КСТАТИ getElementsByName возвращает коллекцию, а не массив)

Answer 2

Если вы ищете для одного элемента, возьмите первый из нодлиста, например:

var element = document.getElementsByName("x")[0]; 

You can test it out here.

Answer 3

Или использовать jQuery, так что вы не нужно беспокоиться обо всем раздражении браузера.

Вы просто должны это сделать:

$("*[name='x']").first(); 

Чтобы получить первый элемент с таким именем. Если вы знаете тип элемента, то можете использовать его вместо «*». jQuery сделает вашу жизнь проще каждый раз!