Мені потрібно отримати ідентифікатор елемента, але значення динамічне, лише його початок завжди однаковий.

Ось фрагмент коду.

<form class="form-poll" id="poll-1225962377536" action="/cs/Satellite">

Ідентифікатор завжди починається з, poll-тоді цифри динамічні.

Як я можу отримати ідентифікатор, використовуючи лише JavaScript, а не jQuery?

Ви можете використовувати в querySelector для цього:

document.querySelector('[id^="poll-"]').id;

Селектор означає: отримати елемент, де атрибут [id]починається з рядка "poll-".

^відповідає початку
*відповідає будь-якій позиції
$відповідає кінці

jsfiddle

Спробуйте це.

function getElementsByIdStartsWith(container, selectorTag, prefix) {
    var items = [];
    var myPosts = document.getElementById(container).getElementsByTagName(selectorTag);
    for (var i = 0; i < myPosts.length; i++) {
        //omitting undefined null check for brevity
        if (myPosts[i].id.lastIndexOf(prefix, 0) === 0) {
            items.push(myPosts[i]);
        }
    }
    return items;
}

Зразок розмітки HTML.

<div id="posts">
    <div id="post-1">post 1</div>
    <div id="post-12">post 12</div>
    <div id="post-123">post 123</div>
    <div id="pst-123">post 123</div>
</div>

Називайте це як

var postedOnes = getElementsByIdStartsWith("posts", "div", "post-");

Демо тут: http://jsfiddle.net/naveen/P4cFu/

querySelectorAll із сучасним переліком

polls = document.querySelectorAll('[id ^= "poll-"]');
Array.prototype.forEach.call(polls, callback);

function callback(element, iterator) {
    console.log(iterator, element.id);
}

Перший рядок виділяє всі елементи, які idпочинаються з рядка poll-. Другий рядок викликає перерахування та функцію зворотного виклику.

Враховуючи, що вам потрібно визначити повний ідентифікатор елемента на основі лише префікса, вам доведеться здійснити пошук у цілому DOM (або принаймні, пошук у цілому піддереві, якщо ви знаєте елемент, який завжди гарантовано міститиме ваш цільовий елемент). Ви можете зробити це, наприклад:

function findChildWithIdLike(node, prefix) {
    if (node && node.id && node.id.indexOf(prefix) == 0) {
        //match found
        return node;
    }

    //no match, check child nodes
    for (var index = 0; index < node.childNodes.length; index++) {
        var child = node.childNodes[index];
        var childResult = findChildWithIdLike(child, prefix);
        if (childResult) {
            return childResult;
        }
    }
};

Ось приклад: http://jsfiddle.net/xwqKh/

Майте на увазі, що динамічні ідентифікатори елементів, подібні до тих, з якими ви працюєте, зазвичай використовуються для гарантування унікальності ідентифікаторів елементів на одній сторінці. Це означає, що існує ймовірність того, що існує декілька елементів, що мають однаковий префікс. Напевно, ви хочете знайти їх усіх.

Якщо ви хочете знайти всі елементи, що мають заданий префікс, замість лише першого, ви можете використовувати щось на зразок того, що продемонстровано тут: http://jsfiddle.net/xwqKh/1/

Я не зовсім впевнений, що знаю, про що ви питаєте, але ви можете використовувати рядкові функції для створення фактичного ідентифікатора, який ви шукаєте.

var base = "common";
var num = 3;

var o = document.getElementById(base + num);  // will find id="common3"

Якщо ви не знаєте фактичного ідентифікатора, тоді ви не можете шукати об'єкт за допомогою getElementById, вам доведеться знайти його іншим способом (за назвою класу, за типом тегу, за атрибутом, за батьком, за дочірнім, тощо ...).

Тепер, коли ви нарешті передали нам трохи HTML, ви можете використовувати цей простий JS, щоб знайти всі елементи форми, які мають ідентифікатор, який починається з "poll-":

// get a list of all form objects that have the right type of ID
function findPollForms() {
    var list = getElementsByTagName("form");
    var results = [];
    for (var i = 0; i < list.length; i++) {
        var id = list[i].id;
        if (id && id.search(/^poll-/) != -1) {
            results.push(list[i]);
        }
    }
    return(results);
}

// return the ID of the first form object that has the right type of ID
function findFirstPollFormID() {
    var list = getElementsByTagName("form");
    var results = [];
    for (var i = 0; i < list.length; i++) {
        var id = list[i].id;
        if (id && id.search(/^poll-/) != -1) {
            return(id);
        }
    }
    return(null);
}

Ймовірно, вам доведеться або давати йому постійний клас і дзвонити getElementsByClassName, або, можливо, просто використовувати getElementsByTagNameі прокручувати результати, перевіряючи ім'я.

Я пропоную розглянути вашу основну проблему та з’ясувати спосіб, за допомогою якого ви можете дізнатися посвідчення особи заздалегідь.

Можливо, якщо ви розмістите трохи більше про те, чому ви отримуєте це, ми могли б знайти кращу альтернативу.

Ви використовуєте idвластивість для отримання ідентифікатора, потім substrметод для видалення першої його частини, а потім, за бажанням, parseIntперетворюєте його в число:

var id = theElement.id.substr(5);

або:

var id = parseInt(theElement.id.substr(5));

<form class="form-poll" id="poll-1225962377536" action="/cs/Satellite" target="_blank">

Ідентифікатор завжди починається з 'post-', тоді цифри є динамічними.

Будь ласка, перевірте свої ідентифікатори, "опитування" та "публікація" дуже різні.

Як уже відповіли, ви можете використовувати querySelector:

var selectors = '[id^="poll-"]';
element = document.querySelector(selectors).id;

але querySelector не знайде "опитування", якщо ви продовжуєте запитувати "post": '[id^="post-"]'