Как получить элемент с изменением идентификатора

Question

Как получить элемент с изменением идентификатора

Я нашел, что он отлично работает, используя display: block; на изображении и вертикально-выровнять: верх; на текст.

.imagebox {
    width:200px;
    float:left;
    height:88px;
    position:relative;
    background-color: #999;
}
.container {
    width:600px;
    height:176px;
    background-color: #666;
    position:relative;
    overflow:hidden;
}
.text {
    color: #000;
    font-size: 11px;
    font-family: robotomeduim, sans-serif;
    vertical-align:top;
    
}

.imagebox img{ display:block;}


    
         Image title
    
    
         Image title
    
    
         Image title
    
    
         Image title
    
    
         Image title
    
    
         Image title

или вы можете отредактировать код a JS FIDDLE

0

html javascript css

задан prabhat gundepalli 15 January 2019 в 18:30

2 ответа

Другие вопросы по тегам:

html javascript css

Похожие вопросы:

score 0 · Answer 1

Если вы достаточно счастливы, чтобы получить элемент, используя текстовое содержимое, вы можете сделать это с помощью xPath. Вот простой пример JavaScript с кнопкой для демонстрации ...

   // xPath of element you want to find
    var xpath = "//a[contains(text(),'Join now')]";
    var matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
    
// Button code for demonstration purposes
    document.getElementById("test").onclick = function () {   
alert(matchingElement.id); };

   <a id="not-this" href="javascript:void(0);">Don't join.</a>
   <a id="4edd60cf-0462-4b8b-9b60-1d41911f3309" href="javascript:void(0);">Join now.</a>
    <a id="not-this" href="javascript:void(0);">Now join.</a>
    <br><br>
    <button id="test">Get the ID</button>

score 0 · Answer 2

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

const link = [...document.querySelectorAll('a')].find(e => e.text === 'Join now.')

if(link)
  link.style.color = 'green' // do something with the found link.

<a id="4edd60cf-0462-4b8b-9b60-1d41911f3309" href="javascript:void(0);">Join now.</a>